农业微信小程序商城_js完成全选和全不选

js实现全选和全不选       这篇文章主要为大家详细介绍了js实现全选和全不选，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了js实现全选和全不选的具体代码，供大家参考，具体内容如下

非常简洁的几行原生js实现全选和全不选，大神们可以在此基础上加上反选功能。

 !DOCTYPE html 
 html 
 head 
 meta charset="utf-8" 
 title 全选、全不选 /title 
 /head 
 body 
 table border="1" 
 td input type="checkbox" name="mmAll" /td 
 /tr 
 tr td input type="checkbox" value="1" name="mm[]" id="ids1" /td /tr 
 tr td input type="checkbox" value="2" name="mm[]" id="ids2" /td /tr 
 tr td input type="checkbox" value="3" name="mm[]" id="ids3" /td /tr 
 tr td input type="checkbox" value="4" name="mm[]" id="ids4" /td /tr 
 tr td input type="checkbox" value="5" name="mm[]" id="ids5" /td /tr 
 tr td input type="checkbox" value="6" name="mm[]" id="ids6" /td /tr 
 /table 
 /body 
 /html 
 script type="text/javascript" 
 //Check all
 function All(e, itemName)
 var aa = document.getElementsByName(itemName);
 for (var i=0; i aa.length; i++)
 aa[i].checked = e.checked; //得到那个总控的复选框的选中状态 
 //Single select
 function Item(e, allName)
 var all = document.getElementsByName(allName)[0];
 if(!e.checked) all.checked = false;
 else
 var aa =document.getElementsByName(e.name);
 for (var i=0; i aa.length; i++)
 if(!aa[i].checked) return;
 all.checked= true;
 /script 

效果图： 

更多关于复选框的文章请点击专题：、

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持凡科。