<!DOCTYPE html>
<html>
<head>
<title>全选，不选，反选</title>
<meta charset="UTF-8">
<script type="text/javascript">
window.onload = function(){
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
var btn3 = document.getElementById("btn3");
var btn4 = document.getElementById("btn4");
var option1 = document.getElementById("option1");
var o = option1.getElementsByTagName("input");
btn1.onclick = function(){
for(var i = 0 ; i< o.length ;i++){
o[i].checked = true;
}
};
btn2.onclick = function(){
for(var i = 0 ; i< o.length ;i++){
o[i].checked = false;
}
};
btn3.onclick = function(){
for(var i = 0 ; i< o.length ;i++){
o[i].checked = ! o[i].checked;
}
};
</script>
</head>
<body>
<div>
<input type="button" id="btn1" value="全选" />
<input type="button" id="btn2" value="不选" />
<input type="button" id="btn3" value="反选" />
<div id="option1">
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
</div>
</div>
</body>
</html>
浙公网安备 33010602011771号