全選反選 · JavaScript

## 全選反選這里寫的有問題,更好的去網上搜. 當全選的時候,讓子checkbox的狀態和父checkbox的狀態一致就行了. 在事件函數中用this來獲取父checkbox. ``` <body> <input type="checkbox" name="" id="btn"> 全選 <input type="checkbox" name=""> ip1 <input type="checkbox" name=""> ip2 <input type="checkbox" name=""> ip3 <input type="checkbox" name=""> ip4 <input type="button" value="反選" id="btn1"> <script> var btn = document.getElementById('btn'); btn.onclick = function () { var checkboxs = document.getElementsByTagName('input'); for (let i = 0; i < checkboxs.length; i++) { if (checkboxs[i].type == 'checkbox') { var check = checkboxs[i]; check.checked = true; } } } var btn1 = document.getElementById('btn1'); btn1.onclick = function () { var checkboxs = document.getElementsByTagName('input'); for (let i = 0; i < checkboxs.length; i++) { if (checkboxs[i].type == 'checkbox') { if (checkboxs[i].checked == true) { checkboxs[i].checked = false; } else { checkboxs[i].checked = true; } } } } </script> ```