1 window.onload = function (ev) {
2 // 1. 获取所有的复选框
3 var inputs = document.querySelectorAll('input');
4
5 // 2. 全选
6 $('allSelect').addEventListener('click', function (ev1) {
7 for (var i = 0; i < inputs.length; i++) {
8 var input = inputs[i];
9 input.checked = true;
10 }
11 });
12
13 // 3. 取消选中
14 $('cancelSelect').addEventListener('click', function (ev1) {
15 for (var i = 0; i < inputs.length; i++) {
16 var input = inputs[i];
17 input.checked = false;
18 }
19 });
20
21 // 4. 反选
22 $('reverseSelect').addEventListener('click', function (ev1) {
23 for (var i = 0; i < inputs.length; i++) {
24 var input = inputs[i];
25 console.log(input.checked);
26 input.checked = !input.checked;
27 }
28 });
29
30 function $(id) {
31 return typeof id === 'string' ? document.getElementById(id) : null;
32 }
33 }
