``` <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="getAll(0)">全选</button> <button onclick="getAll(1)">全不选</button> <button onclick="getAll(2)">反选</button> <script> // 选中三个形式：1.用户点击（√） 2.在标签上添加checked属性 3.js中，checked=true let but = document.getElementsByTagName('button'); let input = document.getElementsByTagName('input'); // 全选 // but[0].onclick = function(){ // for(let i=0;i<input.length;i++){ // input[i].checked = true; // } // } // // 全不选 // but[1].onclick = function(){ // for(let i=0;i<input.length;i++){ // input[i].checked = false; // } // } // // 反选 // but[2].onclick = function(){ // for(let i=0;i<input.length;i++){ // input[i].checked = !input[i].checked; // } // } // 封装为函数，进行优化 function getAll(num){ for(let i=0;i<input.length;i++){ if(num==0){ input[i].checked = true; }else if(num==1){ input[i].checked = false; }else{ input[i].checked = !input[i].checked; } } } </script> ``` 效果图：