我正在寻找在以下代码中使用JavaScript的方法。我想要使用id = alles
复选框来检查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>');
?>
通常我依赖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>');
?>
答案 0 :(得分:2)
为所有复选框分配一个类,并使用document.getElementsByClassName将是最简单的解决方案。