``` <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> ``` 效果圖：