【HTML+JavaScript】純JS實現CheckBox復選框控件全選/全不選/反選
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
// HTML部分 <input type="checkbox" id="selectAll">全選/取消全選 <br> <input type="checkbox" class="itemCheckbox">選項1 <br> <input type="checkbox" class="itemCheckbox">選項2 <br> <input type="checkbox" class="itemCheckbox">選項3 ... //其他選項 <script type="text/javascript"> // Javascript部分 var selectAll = document.getElementById("selectAll"); var itemCheckboxes = document.getElementsByClassName("itemCheckbox"); function toggleselect() { for (var i = 0; i < itemCheckboxes.length; i++) { itemCheckboxes[i].checked = !itemCheckboxes[i].checked; } } selectAll.addEventListener('change', function () { if(this.checked) { toggleselect(); } else { for (var i = 0; i < itemCheckboxes.length; i++) { itemCheckboxes[i].checked = false; } } }); </script> 該文章在 2023/12/11 0:56:11 編輯過 |
關鍵字查詢
相關文章
正在查詢... |