<body>
<div>
<input type="checkbox" name="" id="chose" value="" />
<input type="checkbox" name="" id="" value="" />
<input type="checkbox" name="" id="" value="" />
</div>
</body>
<script>
var all = document.getElementById("chose");//全选按钮
var allCheck = document.getElementsByTagName("input");
var content = 0;//全选计数
all.onclick = function(){
for(var i=0;i<allCheck.length;i++){
allCheck[i].checked = (this.checked)?true:false;//全选和全不选
content = (this.checked)?allCheck.length-1:0;//除全选按钮个数和全不选个数0
}
}
for(var i=1;i<allCheck.length;i++){//如果有单个没被选中,则全选按钮不被选中
allCheck[i].onclick = function(){
if(!this.checked){
all.checked = false;
content--;
}else{
content++
}
totle(content);
}
}
function totle(content){//反选全选按钮
if(content==allCheck.length-1){
all.checked = true;
}
}
</script>
JavaScript 复选框全选和反选
最新推荐文章于 2023-09-27 15:42:25 发布