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

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>

我在循环中有复选框，运行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;
         }
     }
 }