全选、全不选、反选
实现的功能是：
选中下面全选框，全部的框都会选中，反之就会全不选中；
当点击反选按钮时，选择框中的选框状态置反，选中的变为没选中，没选中变为选中
直接上代码：
index.html
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>全选、全不选、反选</title></head><body><form action=""><p><input type="checkbox"name=""id="" />熊大</p><p><input type="checkbox"name=""id="" />翠花</p><p><input type="checkbox"name=""id="" />光头强</p><p><input type="checkbox"name=""id="" />喜洋洋</p></form><button onclick="checkall(0)">全选</button><button onclick="checkall(1)">全不选</button><button onclick="checkall(2)">反选</button><!--<script type="text/javascript">//选中的三个表现形式，①用户选中；②标签中的checked属性③js中checked属性为turelet but = document.getElementsByTagName('button');let inp = document.getElementsByTagName('input');//1.全选but[0].onclick = function(){for (let i = 0; i < inp.length; i++) {inp[i].checked = true;}}//2.全不选but[1].onclick = function(){for (let i = 0; i < inp.length; i++) {inp[i].checked = false;}}//3.反选but[2].onclick = function(){for (let i = 0; i < inp.length; i++) {inp[i].checked = !inp[i].checked;}}</script>--><!--方法二： 优化代码--><script type="text/javascript">let but = document.getElementsByTagName('button');let inp = document.getElementsByTagName('input');function checkall(num){for (let i = 0; i < inp.length; i++) {if (num == 0) {//全选inp[i].checked = true;}if (num == 1) {//全不选inp[i].checked = false;}if (num == 2) {//反选inp[i].checked = !inp[i].checked;}}}</script></body></html>
效果如下：
