<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function checkboxed(){
var all = document.getElementById("all");
var checkboxElements = document.getElementsByName("checkbox");
//alert("checkboxElements长度为"+checkboxElements.length);
if(all.checked==true){
// alert("全选")
if(checkboxElements.length){
for(var i=0;i<checkboxElements.length;i++){
checkboxElements[i].checked = true;
}
}
}else{
if(checkboxElements.length){
for(var i=0;i<checkboxElements.length;i++){
checkboxElements[i].checked = false;
}
}
}
}
</script>
<input id="all" type="checkbox" name="" onclick="checkboxed()"><br>
看书： <input type="checkbox" name="checkbox" value=1><br>
写字： <input type="checkbox" name="checkbox" value=2><br>
睡觉： <input type="checkbox" name="checkbox" value=3><br>
游戏： <input type="checkbox" name="checkbox" value=4><br>
吃饭： <input type="checkbox" name="checkbox" value=5><br>
</body>
</html>
方法二
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var checkAll = false;
function checkboxed(){
checkAll = !checkAll;
var checkboxElements = document.getElementsByName("checkbox");
for(var i=0;i<checkboxElements.length;i++){
checkboxElements[i].checked = checkAll
}
}
</script>
<input type="checkbox" οnclick="checkboxed()"><br>
看书： <input type="checkbox" name="checkbox" value=1><br>
写字： <input type="checkbox" name="checkbox" value=2><br>
睡觉： <input type="checkbox" name="checkbox" value=3><br>
游戏： <input type="checkbox" name="checkbox" value=4><br>
吃饭： <input type="checkbox" name="checkbox" value=5><br>
</body>
</html> 版权声明：本文为LegendaryHsl原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。