JQuery实现 checkbox 全选、反选,子checkbox有没选去掉全选

浏览数：15 / 时间：2015年06月09日

1. 全选的checkbox选中时，子checkbox全部选中。反之，全部不选

2.子checkbox中，只要有没有被选中的，取消全选checkbox的选中

3.子checkbox的数量和子checkbox被选中的数量一样时，全选checkbox要被选中

$("input:checkbox) 相当于 $("input[type=‘checkbox‘]) 

 

[javascript]

//全部选择
$("#checkall").click(function(){
　　$("input:checkbox[name=‘checkbox[]‘][disabled=false]").attr("checked", $(this).attr("checked"));
});
//点击判断是否全选
$("input:checkbox[name=‘checkbox[]‘]").click(function(){
　　if (!$("input:checkbox[name=‘checkbox[]‘]").checked) {
　　　　$("#checkall").attr("checked", false);
　　}
　　var sumcheckbox = $("input:checkbox[name=‘checkbox[]‘]").length; //获取[name=‘checkbox[]‘]的个数
　　var sumchecked = $("input:checkbox[name=‘checkbox[]‘]:checked").length; //获取选中的[name=‘checkbox[]‘]的个数
　　if (sumchecked == sumcheckbox) {
　　　　$("#checkall").attr("checked", true);
　　}
});

 

 

 


页面代码如下：

 

[html]
 
  1. <input type="checkbox" id="checkall"  value="全选" />   
  2. <input type="checkbox"  name="checkbox[]  value="1" />  
  3. <input type="checkbox"  name="checkbox[] value="2" />  
  4. <input type="checkbox"  name="checkbox[]  value="3" />  
  5. <input type="checkbox"  name="checkbox[]  value="4" />  

JQuery实现 checkbox 全选、反选,子checkbox有没选去掉全选,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： http it color class java html 代码 lu blog la a http it color class java html 代码 lu blog la a

相关文章

随机文章

您可能还喜欢

您可能还喜欢