## js實現checkbox全選反選  >html代碼 ``` <button id="all">選中所有的</button> <button id="no">不選</button> <button id="reverse">反選</button> <h3>選擇愛好</h3> <input type="checkbox">足球 <input type="checkbox">籃球 <input type="checkbox">棒球 <input type="checkbox">橄欖球 ``` >js代碼 ``` var all = document.getElementById("all"); var no = document.getElementById("no"); var reverse = document.getElementById("reverse"); var input = document.getElementsByTagName("input"); all.onclick = function(){ for(let i=0; i<input.length; i++){ input[i].checked = true; } } no.onclick = function(){ for(let i=0; i<input.length; i++){ input[i].checked = false; } } reverse.onclick = function(){ for(let i=0; i<input.length; i++){ // input[i].checked = (input[i].checked==true)?false:true; input[i].checked = !input[i].checked; } } ```