JS部分
function quanxuan(){
var INPUT=document.getElementsByTagName("input");
for(var i=1;i<=INPUT.length;i++){
INPUT[i].checked=INPUT[0].checked;
}
}
function zixuanxiang() {
var INPUT=document.getElementsByTagName("input");
if((INPUT[1].checked==false)||INPUT[2].checked==false||INPUT[3].checked==false||INPUT[4].checked==false){
INPUT[0].checked=false;
}
if((INPUT[1].checked==true)&&INPUT[2].checked==true&&INPUT[3].checked==true&&INPUT[4].checked==true){
INPUT[0].checked=true;
}
}
HTML部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>复选框全选的操作</title>
<script src="js/checkbox.js"></script>
</head>
<body>
<div>
<table> <!-- style="width: 100px;height: 200px;border:1px solid red;"-->
<tr>
<td><input type="checkbox" onchange="quanxuan()">全选</td>
</tr>
<tr>
<td><input type="checkbox" onchange="zixuanxiang()">1</td>
</tr>
<tr>
<td><input type="checkbox" onchange="zixuanxiang()">2</td>
</tr>
<tr>
<td><input type="checkbox" onchange="zixuanxiang()">3</td>
</tr>
<tr>
<td><input type="checkbox" onchange="zixuanxiang()">4</td>
</tr>
</table>
</div>
</body>
</html>
