如图所示
点击全选的时候是全选，点击全不选的时候是全不选，点击反选的时候是反选，这话说的感觉和说了话是的，哈哈哈哈
直接上 代码
<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="select(0)">全选</button><button onclick="select(1)">全不选</button><button onclick="select(2)">反选</button><script>let input = document.querySelectorAll('input');let btn = document.querySelectorAll('button');//第一种直接写// //第一个按钮是全选，当是全选的时候checked是true// btn[0].addEventListener('click',function(){//for(let i =0;i<input.length;i++){// input[i].checked = true;//}// })// //第二个按钮是全不选，当点击的时候checked是false// btn[1].addEventListener('click',function(){//for(let n =0;n<input.length;n++){// input[n].checked = false;//}// })// //第三个按钮是反选 当点击的时候就是选中的时候取反// btn[2].addEventListener('click',function(){//for(let m=0;m<input.length;m++){// input[m].checked = ! input[m].checked//}// })//第二种封装函数的写法function select(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 if(num == 2){input[i].checked = ! input[i].checked}}}</script></body>
如果觉得《每天一个js小demo --全选与反选》对你有帮助，请点赞、收藏，并留下你的观点哦！
![java做全选反选功能_[Java教程]js实现全选反选](https://sm.tqys.net/uploadfile/pic/546.jpg)
