学习JS处理全选过程中遇到很多问题，所以把这个写了出来，希望对需要的人有帮助...

有三种方式实现全选功能

全选1

var checkAll=document.getElementById("checkAll");

checkAll.οnclick=function(){

var checkinfo = document.querySelectorAll("input.checkinfo[type='checkbox']");

for(var i=0;i<=checkinfo.length-1;i++) {

if(document.getElementById("checkAll").checked==true) {

checkinfo[i].checked=true;

}

else {

checkinfo[i].checked=false;

}

}

}

全选2比第一种方便些，不用判断语句

var checkAll=document.getElementById("checkAll");

checkAll.οnclick=function(){

var type=this.checked;

var checkinfo = document.querySelectorAll("input.checkinfo[type='checkbox']");

for(var i=0;i<=checkinfo.length-1;i++) {

checkinfo[i].checked=type;

}

}

全选3用jQuery两行代码就搞定了

var CheckAll = function() {

$('.checkinfo').prop('checked',$('.checkAll').is(':checked'));

};

转载于:https://www.cnblogs.com/xiaoluoli/p/5833589.html