<!DOCTYPE html>
<html>
<head>
<title>select</title>
<meta charset="utf-8">
<script type="text/javascript">
//全选 全不选 循环 让每一个复选框 加上 checked 属性 全不选 就是取消checked属性
// 参数 是用户传过来 如果参数是true 说明全选 如果false 全不选
function selectAll(status){
for (var i = 1; i <= 6; i++) {
//alert(document.getElementById('num'+i).value);
document.getElementById('num'+i).checked = status;
}
}
//反选 看之前是否选上 如果选中 就取消选中 反之 选中
function selectReverse(){
//获取所有的选择框
for (var i = 1; i <= 6; i++) {
//alert(document.getElementById('num'+i).value);
var status = document.getElementById('num'+i);
if (status.checked) {
status.checked = false;
}else{
status.checked = true;
}
}
}
</script>
</head>
<body>
<ul>
<li><input type="checkbox" name="hobby" id="num1" value="1">养猫</li>
<li><input type="checkbox" name="hobby" id="num2" value="2">养狗</li>
<li><input type="checkbox" name="hobby" id="num3" value="3">足球</li>
<li><input type="checkbox" name="hobby" id="num4" value="4">篮球</li>
<li><input type="checkbox" name="hobby" id="num5" value="5">乒乓</li>
<li><input type="checkbox" name="hobby" id="num6" value="6">相声</li>
</ul>
<button οnclick="selectAll(true)">全选</button>
<button οnclick="selectAll(false)">全不选</button>
<button οnclick="selectReverse()">反选</button>
</body>
</html>
<html>
<head>
<title>select</title>
<meta charset="utf-8">
<script type="text/javascript">
//全选 全不选 循环 让每一个复选框 加上 checked 属性 全不选 就是取消checked属性
// 参数 是用户传过来 如果参数是true 说明全选 如果false 全不选
function selectAll(status){
for (var i = 1; i <= 6; i++) {
//alert(document.getElementById('num'+i).value);
document.getElementById('num'+i).checked = status;
}
}
//反选 看之前是否选上 如果选中 就取消选中 反之 选中
function selectReverse(){
//获取所有的选择框
for (var i = 1; i <= 6; i++) {
//alert(document.getElementById('num'+i).value);
var status = document.getElementById('num'+i);
if (status.checked) {
status.checked = false;
}else{
status.checked = true;
}
}
}
</script>
</head>
<body>
<ul>
<li><input type="checkbox" name="hobby" id="num1" value="1">养猫</li>
<li><input type="checkbox" name="hobby" id="num2" value="2">养狗</li>
<li><input type="checkbox" name="hobby" id="num3" value="3">足球</li>
<li><input type="checkbox" name="hobby" id="num4" value="4">篮球</li>
<li><input type="checkbox" name="hobby" id="num5" value="5">乒乓</li>
<li><input type="checkbox" name="hobby" id="num6" value="6">相声</li>
</ul>
<button οnclick="selectAll(true)">全选</button>
<button οnclick="selectAll(false)">全不选</button>
<button οnclick="selectReverse()">反选</button>
</body>
</html>