<html>
<body>
<label>1、<input type="checkbox" /></label></br>
<label>2、<input type="checkbox" /></label></br>
<label>3、<input type="checkbox" /></label></br>
<label>4、<input type="checkbox" /></label></br>
<label>5、<input type="checkbox" /></label></br>
<input type="button" value="全选" onclick="allSelect(1);" />
<input type="button" value="全消" onclick="allSelect(0);" />
<input type="button" value="反选" onclick="allSelect(2);" />
</body>
<script type="text/javascript">
function allSelect(style) {
var checkboxs = document.getElementsByTagName("input");
for (var i = 0; i < checkboxs.length; i++) {
if (checkboxs[i].type != "checkbox") continue;
switch (style) {
case 0: // 全消
case 1: // 全选
checkboxs[i].checked = style == 1;
break;
case 2: // 反选
checkboxs[i].checked = !checkboxs[i].checked;
break;
}
}
}
</script>
</html>