HTML:
<body>
请选择你的爱好:<br/>
<input type="checkbox" onchange="checkChange(this)" id="checkAll"/>全选/全不选<br/>
<div>
<input type="checkbox" name="hobby"/>JAVA
<input type="checkbox" name="hobby"/>打篮球
<input type="checkbox" name="hobby"/>上网
<input type="checkbox" name="hobby"/>撩妹
</div>
<div>
<input type="button" id="btn_checkAll" onclick="checkAll(true)" value="全选"/>
<input type="button" onclick="checkAll(false)" value="全不选"/>
<input type="button" onclick="checkUnAll()" value="反选"/>
</div>
</body>
JS:
function checkAll(value){
//获取所有的爱好
var eles = document.getElementsByName("hobby");
for(var i = 0; i< eles.length; i++){
eles[i].checked = value;
}
}
function checkUnAll(){
//获取所有的爱好
var eles = document.getElementsByName("hobby");
for(var i = 0; i< eles.length; i++){
eles[i].checked = !eles[i].checked;
}
}
function checkChange(srcEl){
checkAll(srcEl.checked);
}
网友评论