<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>实例014</title>
</head>
<body>
<form>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input type="checkbox" name="username[]" value="handsomehan">handsomehan<br>
<input onclick="qx()" type="button" value="全选">
<input onclick="fx()" type="button" value="反选">
<input onclick="qbx()" type="button" value="全不选">
</form>
<script>
var obj = document.getElementsByName("username[]");
function qx() {
for(var i = 0; i < obj.length; i ++) {
obj[i].checked = true;
}
}
function fx() {
for(var i = 0; i < obj.length; i ++) {
if(obj[i].checked){
obj[i].checked = false;
}else {
obj[i].checked = true;
}
}
}
function qbx() {
for(var i = 0; i < obj.length; i++) {
obj[i].checked = false;
}
}
</script>
</body>
</html>
Exameple014实现html中checkbox的全选，反选和全不选（1）
原文：http://www.cnblogs.com/handsomehan/p/5373094.html