<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 複選框全選和反選
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.