你的位置:首页 > Java教程

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


有三种方式实现全选功能
全选1
var checkAll=document.getElementById("checkAll");
checkAll.onclick=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.onclick=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'));
};