全选反选

来源：互联网发布：可意下载 mac 破解版编辑：程序博客网时间：2024/05/29 07:29

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="button" name="btn1" id="btn1" value="全选" />
<input type="button" name="btn2" id="btn2" value="反选" />
<div id="box">
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
</div>
</body>
<script type="text/javascript">
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
var box = document.getElementById("box");
var inputs = box.getElementsByTagName('input');
//全选
btn1.onclick = function(){
for(var i = 0; i < inputs.length; i ++){
inputs[i].checked = true;
}
}
//反选
btn2.onclick = function(){
for(var i = 0; i < inputs.length; i ++){
if(inputs[i].checked == true){
inputs[i].checked = false;
}else{
inputs[i].checked = true;
}
}
}
</script>
</html>

0 0