成都网站建设设计

将想法与焦点和您一起共享

jscheckbox的全选反选-创新互联

马尾ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!> //全选方法 function f1() { var inputs= document.getElementsByTagName("input"); var cheAll= event.srcElement; for (var i= 0; i< inputs.length; i++) { if (inputs[i].id!= "cheRev") { inputs[i].checked= cheAll.checked; } } } //反选方法 function f2() { var inputs= document.getElementsByTagName("input"); //每一个checkbox取反 for (var i= 0; i< inputs.length; i++) { if (inputs[i].id!= "checkAll" && inputs[i].id!= "cheRev") { inputs[i].checked= !inputs[i].checked; } } //如果此时全部选中,也要将全选取反,反之亦然 isCheckedAll(); } //为每一个非全选的checkbox添加点击事件 window.onload= function () { var inputs= document.getElementsByTagName("input"); for (var i= 0; i< inputs.length; i++) { if (inputs[i].id!= "checkAll" && inputs[i].id!= "cheRev") { inputs[i].onclick= isCheckedAll; } } } //判断此时是否是全选,如果是则勾上全选按钮,如果不是,则取消勾取全选按钮。 function isCheckedAll() { var inputs= document.getElementsByTagName("input"); //假设全都被选中 var isChecked= true; for (var j= 0; j< inputs.length; j++) { if (inputs[j].id!= "checkAll" && inputs[j].id!= "cheRev") { if (!inputs[j].checked) { isChecked= false; break; } } } var checkAll= document.getElementById("checkAll"); checkAll.checked= isChecked; } 全选
吃饭
睡觉
打豆豆

分享标题:jscheckbox的全选反选-创新互联
标题URL:http://chengdu.cdxwcx.cn/article/doppsp.html