全选、反选 

 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     }

 

posted @ 2019-07-15 21:55  疏影横斜水清浅  阅读(120)  评论(0)    收藏  举报