<!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>