星空网 > 软件开发 > 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'));
};



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

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流