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 }