使用自定义函数完成全选
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>全选</title>
<style type="text/css">
input{margin-top:10px;}
</style>
<script type="text/javascript">
var checkall,yang
function jun() {
checkall = document.getElementById('checkall')
yang = document.getElementsByName('yang[]')
for (var i =0; i<yang.length;i++) {
if (checkall.checked) {
yang[i].checked = true;
}else{
yang[i].checked = false;
}
}
}
</script>
</head>
<body>
<input type="checkbox" id="checkall" onclick="jun()"><label for="checkall">全选</label><input type="checkbox" id="checkall" onclick="jie()"><label for="checkall">全不选</label><br>
<br>
<input type="checkbox" name="yang[]">选项1<br>
<input type="checkbox" name="yang[]">选项2<br>
<input type="checkbox" name="yang[]">选项3<br>
<input type="checkbox" name="yang[]">选项4<br>
<input type="checkbox" name="yang[]">选项5<br>
</body>
</html>
