《js实现复选框的全选与反选.docx》由会员分享，可在线阅读，更多相关《js实现复选框的全选与反选.docx（4页珍藏版）》请在三一办公上搜索。
1、js实现复选框的全选与反选js实现复选框的全选与反选 a.单击列头复选框全选或全不选子项 b.只要有一个子项没有选中，则取消列头的选中状态 c.当所有子项目选中时，列头复选框自动置为选中状态 d.将子项的复选框反过来选 代码如下： 全选与反选 / -列头全选框被单击- function ChkAllClick(sonName, cbAllId) var arrSon = document.getElementsByName(sonName); var cbAll = document.getElementById(cbAllId); var tempState=cbAll.checked; f
2、or(i=0;iarrSon.length;i+) if(arrSoni.checked!=tempState) arrSoni.click; / -子项复选框被单击- function ChkSonClick(sonName, cbAllId) var arrSon = document.getElementsByName(sonName); var cbAll = document.getElementById(cbAllId); for(var i=0; iarrSon.length; i+) if(!arrSoni.checked) cbAll.checked = false; ret
3、urn; cbAll.checked = true; / -反选被单击- function ChkOppClick(sonName) var arrSon = document.getElementsByName(sonName); for(i=0;iarrSon.length;i+) arrSoni.click; 全选 复选框全选示例 1 作用： 2 a.单击列头复选框全选或全不选子项 3 b.只要有一个子项没有选中，则取消列头的选中状态 4 c.当所有子项目选中时，列头复选框自动置为选中状态 5 6 7 8 9 10 d.将复选框反过来选 反选 反选示例
