<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS</title>
<style>
</style>
</head>
<body>
<h1>javascript 实现按钮操作 全选 全不选 反选</h1>
<hr>
<ul id="ullist">
<li><input type="checkbox"> 小莉莉</li>
<li><input type="checkbox"> 小静静</li>
<li><input type="checkbox"> 小翠翠</li>
<li><input type="checkbox"> 小艳艳</li>
<li><input type="checkbox"> 小萌萌</li>
</ul>
<button onclick="selectAll(1)">全选</button>
<button onclick="selectAll(2)">全不选</button>
<button onclick="selectAll(3)">反选</button>
<hr>
<script>
function selectAll(m){
var inputs = document.getElementById('ullist').getElementsByTagName("input");
//遍历
for (var i = 0; i < inputs.length; i ++) {
switch (m) {
case 1: inputs[i].checked = true;break;// 全选
case 2: inputs[i].checked = false;break;// 全不选
case 3: inputs[i].checked = !inputs[i].checked;break;// 全不选
}
}
}
</script>
</body>
</html>
