<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>全选功能测试</title>
<script type="text/javascript">
function a() {
var all = document.getElementById("all").checked;
var others = document.getElementsByTagName("input");
for(var i = 0; i < others.length; i++) {
others[i].checked = all;
}
}
</script>
</head>
<body>
<input type="checkbox" value="运动" name="interests" />运动
<input type="checkbox" value="游泳" name="interests" />游泳
<input type="checkbox" value="打球" name="interests" />打球
<input type="checkbox" value="爬山" name="interests" />爬山
<input type="checkbox" value="跑步" name="interests" />跑步
<br />
<input type="checkbox" value="全选" name="interests" onclick="a()" id="all"/>全选
</body>
</html>