A 'check all' checkbox (JavaScript) in a PHP 'while loop'

Question

I'm looking for a way to use JavaScript in the following piece of code. I want the checkbox with id = alles to check all the available checkboxes that are printed during the while loop.

<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>');
?>

Usually I rely on the onclick function:

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

but since the ID's are not identical now, I'm not sure how to tackle this particular problem. Any ideas?

Update with a solution given but not working

<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>');
?>

I would echo a class name out on all the checkboxes that are part of the "whole" set. Then select them all with something like document.getElementsByClassName("mycheckbox"); — VIDesignz
– VIDesignz, Commented Nov 30, 2015 at 16:14
if you were using jquery, it'd be as simple as $('.somecssclass').prop('checked', true) — Marc B
– Marc B, Commented Nov 30, 2015 at 16:16

MiDri · Accepted Answer · 2015-11-30 16:14:06Z

2

Assign a class to all the checkboxs and use document.getElementsByClassName would be the simplest solution.

answered Nov 30, 2015 at 16:14

MiDri

7473 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

VIDesignz Over a year ago

Haha, beat me to it x)

Michael Over a year ago

I updated the OP with your solution. It's not working though, what did I do wrong?

MiDri Over a year ago

<td><input type="checkbox" id="alles" name="alles" value="" onclick="for(c in document.getElementsByClassName('alleklassen')) document.getElementsByClassName('alleklassen')[c].checked = this.checked">Selecteer alle klassen</td>

Collectives™ on Stack Overflow

A 'check all' checkbox (JavaScript) in a PHP 'while loop'

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related