[Grand Débutant] Un checkbox pour cocher tous les checkbox
Bonjour,
J'ai une table <table> ayant comme premier élément de chaque ligne <tr>, donc comme premier <td> un checkbox. Par la suite sur cette ligne <tr> je retrouve plusieurs cellule <td> qui peuvent contenir à leur tour des checkbox.
Code:
1 2 3 4 5 6 7 8 9
|
<table>
<tr>
<td><input type="checkbox"...></td>
.....
<td><input type="checkbox"...></td>
....
</tr>
</table> |
Dans l'entête de cette table, la première cellule <th> contient un checkbox qui lorsqu'il est coché, sélectionne uniquement toutes les premières checkbox dans le premier <td>. Inversement, lorsque je décoche le checkbox dans la cellule d'entête <th>, je décoche tous les checkbox qui sont cochés.
Voilà, j'ai essayé d'être le plus claire possible, mais en fait visuellement c'est simple.
Le problème est que je ne vois pas comment réaliser ce script. Ce qui m'ennuie est que je peux avoir N lignes <tr> donc N checkbox. J'ai récupéré ce script qui sélectionne TOUS les checkbox d'un formulaire, il ne me convient pas parceque je souhaite sélectionner seulement les checkbox dans la première colonnes de ma table
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
| function checkall()
{
// compte tous les éléments du formulaire en numérotant chronologiquement
temp = document.form_main_1.elements.length;
if (document.form_main_1.elements[0].checked)
{ // si la case est cochée
for (i=1; i < temp; i++)
{ // on coche toutes les autres
document.form_main_1.elements[i].checked=1;
}
}
else
{
for (i=1; i < temp; i++)
{ // on décoche tout
document.form_main_1.elements[i].checked=0;
}
}
} |
J'ai bien pensé à utiliser getElementById mais étant donné que je peux avoir N checkbox je ne sais pas comment récupérer tous les id des checkbox.
Si vous avez des idées je suis preneur, j'ai peur de partir dans un truc trop complexe. Merci d'avance.
PS: j'effectue des recherches sur google pour l'instant sans résultats : comment récupérer tous les éléments portant le même nom et comment acceder de cette façon à ces éléments document.form_main_1.elements[0].checked ? Je cherche dans ce sens une solution à mon problème.