选中所有复选框，然后单击复选框

Question

 <script> function chkall() { var checkbox = document.getElementById('checkbox'); var checkbox2 = document.getElementById('checkbox2'); if(checkbox.checked==true) { checkbox2.checked=true; } } </script> 

 <table width="10%" border="0"> <tr> <th scope="col"><input type="checkbox" onclick="chkall()" name="checkbox" id="checkbox" /></th> </tr> <?php $i=0; while($i<5) { ?> <tr> <th scope="col"><input type="checkbox" name="checkbox2" id="checkbox2" /></th> </tr> <?php $i++; } ?> </table> 

我在while循环中运行了5次的复选框。 我在循环上方有一个复选框。 单击上面的复选框时，我想选中循环内的所有复选框。

Answer 1

function checkAll(ele) {
 var checkboxes = document.getElementsByTagName('input');
 if (ele.checked) {
     for (var i = 0; i < checkboxes.length; i++) {
         if (checkboxes[i].type == 'checkbox') {
             checkboxes[i].checked = true;
         }
     }
 } else {
     for (var i = 0; i < checkboxes.length; i++) {
         console.log(i)
         if (checkboxes[i].type == 'checkbox') {
             checkboxes[i].checked = false;
         }
     }
 }