javascript - PHP 'check all' 中的 'while loop' 复选框 (JavaScript)

Question

我正在寻找一种在以下代码中使用 JavaScript 的方法。我希望带有 id = alles 的复选框检查 while 循环 期间打印的所有可用复选框。

<form id="andere" name="andere" action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
      <fieldset><legend>Selecteer de klassen waaraan je de persoon wilt koppelen:</legend>
        <table>
          <tr>
            <td><input type="checkbox" id="alles" name="alles" value="">Selecteer alle klassen</td>
          </tr>
          <tr>
<?php
  $query='SELECT oc_klas.klascode, oc_klas.klas_ID FROM oc_klas ORDER BY oc_klas.klas_ID';
  $result=mysqli_query($mysqli,$query) or die('<p>Kan query: '.$query.' niet uitvoeren.</p>');
  $aantalRijen = mysqli_num_rows($result);
  $KLASSEN_PER_RIJ = 10;
//bereken de colspan van de laatste kolom
  $fill=$aantalRijen%$KLASSEN_PER_RIJ;

  $fill=$KLASSEN_PER_RIJ-$fill;
  $teller=1;

  while($myrow=mysqli_fetch_row($result))
  {
    print('<td><input type="checkbox" id="klas'.$myrow[1].'" name="klas'.$myrow[1].'" value="'.$myrow[1].'">'.$myrow[0].'</td>');
    if($teller%$KLASSEN_PER_RIJ==0)
    {
      print('</tr><tr>');
    }
    $teller++;
  }
  print('</tr></table>');
?>

通常我依赖onclick函数:

onclick="for(c in document.getElementsByName('klas')) document.getElementsByName('klas').item(c).checked = this.checked"

但是由于 ID 现在不相同，我不确定如何解决这个特定问题。 有什么想法吗？

使用给定但不起作用的解决方案进行更新

<form id="andere" name="andere" action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
      <fieldset><legend>Selecteer de klassen waaraan je de persoon wilt koppelen:</legend>
        <table>
          <tr>
            <td><input type="checkbox" id="alles" name="alles" value="" onclick="for(c in document.getElementsByClassName('alleklassen')) document.getElementsByName('klas').item(c).checked = this.checked">Selecteer alle klassen</td>
          </tr>
          <tr>
<?php
  $query='SELECT oc_klas.klascode, oc_klas.klas_ID FROM oc_klas ORDER BY oc_klas.klas_ID';
  $result=mysqli_query($mysqli,$query) or die('<p>Kan query: '.$query.' niet uitvoeren.</p>');
  $aantalRijen = mysqli_num_rows($result);
  $KLASSEN_PER_RIJ = 10;
//bereken de colspan van de laatste kolom
  $fill=$aantalRijen%$KLASSEN_PER_RIJ;

  $fill=$KLASSEN_PER_RIJ-$fill;
  $teller=1;

  while($myrow=mysqli_fetch_row($result))
  {
    print('<td><input type="checkbox" class="alleklassen" id="klas'.$myrow[1].'" name="klas'.$myrow[1].'" value="'.$myrow[1].'">'.$myrow[0].'</td>');
    if($teller%$KLASSEN_PER_RIJ==0)
    {
      print('</tr><tr>');
    }
    $teller++;
  }
  print('</tr></table>');
?>

Answer 1

为所有复选框分配一个类并使用 document.getElementsByClassName 将是最简单的解决方案。