checkbox全选反选
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了checkbox全选反选相关的知识，希望对你有一定的参考价值。
<body>
<div class="div1">
<input type="checkbox" name="cb">
</div>
<hr>
<div class="div2">
<input type="checkbox" name="cbs"><br>
<input type="checkbox" name="cbs"><br>
<input type="checkbox" name="cbs"><br>
<input type="checkbox" name="cbs">
</div>
</body>
<script type="text/javascript">
var num=0;
$("input[name=‘cb‘]").click(function(){
if($(this).attr("checked")=="checked"){
$("input[name=‘cbs‘]").attr("checked",true);
num=$("input[name=‘cbs‘]").length;
}else{
$("input[name=‘cbs‘]").attr("checked",false);
num=0;
}
})
$("input[name=‘cbs‘]").click(function(){
if($(this).attr("checked")=="checked"){
num++;
if(num==$("input[name=‘cbs‘]").length){
$("input[name=‘cb‘]").attr("checked",true);
}
}else{
num--;
$("input[name=‘cb‘]").attr("checked",false);
}
})
</script>
以上是关于checkbox全选反选的主要内容，如果未能解决你的问题，请参考以下文章
js 脚本怎样实现checkbox的全选，反选，类似邮箱中邮件的全选后删除移动