jquery实现判断如果有一个没选中,那么全选checkbox的状态就为false也就是没选中,帮我看下代码吧,谢谢
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>Pa...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>PayPal payment Audit</title>
<script type="text/javascript" src="jquery/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
//全选或全不选
$("#allchk").click(function () {//当点击全选框时
var flag = $("#allchk").attr("checked");//判断全选按钮的状态
if(flag){
$("input.chksty").each(function () {//查找每一个Id以Item结尾的checkbox
$(this).attr("checked", true);//选中或者取消选中
});
}
else{
$("input.chksty").each(function () {//查找每一个Id以Item结尾的checkbox
$(this).attr("checked", false);//选中或者取消选中
});
}
});
//主要帮我看下面这段代码。
$("input .chksty").each(function () {
$(this).click(function () {
if ($("input .chksty:checked").length == $("input .chksty").length) {
$("#allchk").attr("checked", "checked");
}
else $("#allchk").removeAttr("checked");
});
});
});
</script>
</head>
<body>
<table>
<tr>
<td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td>
</tr>
<tr><td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td></tr>
<tr><td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td></tr>
<tr><td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td></tr>
<tr><td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td></tr>
<tr><td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td></tr>
<tr>
<td><input name="" type="checkbox" id="allchk" value="">全选</td>
</tr>
</table>
</body>
</html> 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>PayPal payment Audit</title>
<script type="text/javascript" src="jquery/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
//全选或全不选
$("#allchk").click(function () {//当点击全选框时
var flag = $("#allchk").attr("checked");//判断全选按钮的状态
if(flag){
$("input.chksty").each(function () {//查找每一个Id以Item结尾的checkbox
$(this).attr("checked", true);//选中或者取消选中
});
}
else{
$("input.chksty").each(function () {//查找每一个Id以Item结尾的checkbox
$(this).attr("checked", false);//选中或者取消选中
});
}
});
//主要帮我看下面这段代码。
$("input .chksty").each(function () {
$(this).click(function () {
if ($("input .chksty:checked").length == $("input .chksty").length) {
$("#allchk").attr("checked", "checked");
}
else $("#allchk").removeAttr("checked");
});
});
});
</script>
</head>
<body>
<table>
<tr>
<td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td>
</tr>
<tr><td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td></tr>
<tr><td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td></tr>
<tr><td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td></tr>
<tr><td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td></tr>
<tr><td><input name="checkbox" class="chksty" type="checkbox" value=""><input name="cancel" type="hidden" value="abe" ></td></tr>
<tr>
<td><input name="" type="checkbox" id="allchk" value="">全选</td>
</tr>
</table>
</body>
</html> 展开
1个回答
展开全部
//主要帮我看下面这段代码。
$("i .chksty").each(function () {
$(this).click(function () {
if ($(".chksty:checked").length == $(".chksty").length) {
$("#allchk").attr("checked", "checked");
}
else $("#allchk").removeAttr("checked");
});
});
ps:去掉获得对象里面的input,直接通过class拿obj就可以了。
$("i .chksty").each(function () {
$(this).click(function () {
if ($(".chksty:checked").length == $(".chksty").length) {
$("#allchk").attr("checked", "checked");
}
else $("#allchk").removeAttr("checked");
});
});
ps:去掉获得对象里面的input,直接通过class拿obj就可以了。
追问
$("i .chksty")这里的i??指什么。
追答
sorry,o(╯□╰)o,是我没有删除干净。正确的应该是 $(".chksty").each(function () { ...
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询