您的位置:首页 > Web前端 > JavaScript

js全选和反选

2020-07-14 05:25 363 查看
<input type="checkbox" id="all">全选
<input type="checkbox" class="a">
<input type="checkbox" class="a">
<input type="checkbox" class="a">
<input type="checkbox" class="a">
<script>
var all=document.getElementById("all");
var a=document.getElementsByClassName("a");
all.onclick=function () {
for(var i=0;i<a.length;i++){
a[i].checked=all.checked
}
}

for(j=0;j<a.length;j++){
a[j].onclick=function () {
var lll=0
for(var k=0;k<a.length;k++){
if(a[k].checked==false){
all.checked=false
}else {lll++}
if(lll==4){all.checked=true}
else {all.checked=false}
}
}
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: