Cocher toutes les checkbox mais avec envoi de la valeur

Bonjour tout le monde,

J'ai un souci car j'ai besoin de deux infos :

J'ai actuellement un script qui coche toutes les checbox d'un coup et qui marche :

Code:

---

1 2 3 4 5

<input type="checkbox" name="choix[]" class="choix" value="1"> <input type="checkbox" name="choix[]" class="choix" value="2"> <input type="checkbox" name="choix[]" class="choix" value="3"> <input type="checkbox" name="choix[]" class="choix" value="4"> <label><input type="checkbox" onclick="checkAllBox(\'.choix\');" /> <b>Tout Sélectionner</b></label>

---

Avec mon petit JS

Code:

---

1 2 3 4 5 6

function checkAllBox(id_class) { var elts = document.querySelectorAll(id_class); elts.forEach(function(elt) { elt.checked = elt.checked ? false : true; }); }

---

Mais j'ai un autre problème qui se greffe :
Je suis en train de créer un petit explorateur

donc j'ai plusieurs colonnes 1 /2 /3 /4 /5 / 6
J'ai plusieurs lignes :
document toto
document tata
document titi
etc...

J'ai créé un petit script pour que je puisse cocher la checkbox qui se trouverait par exemple a l'intersection de la colonne 3 et du document tata pour dire qu'il se rattache a la colonne 3, ça fonctionne
mais quand j'ai 100 documents, j'aimerai mettre une case commune pour chaque colonne pour lui attibuer tous les documents d'un coup sauf que .....
Chaque checkbox en cliquant dessus envoi via un onclick une valeur associée :

Code:

---

1 2 3

<?php echo '<input type="checkbox" name="bq6_'.$nomfic.'" id="bq6_'.$nomfic.'" onclick="envoi_docj(\'bq6_'.$nomfic.'\',\'f6a1f9c8\');" '; if ($banque_6=="1"){echo 'checked="checked"';}echo ' class="input_bq">'; ?>

---

et voila le problème c'est que je ne peux pas mettre un name unique sous peine de ne plus pouvoir le faire reconnaitre via onclick !!!!

Merci de votre aide et excellente journée
Guillaume

Bonjour,
je ne sais pas si j’ai bien compris ton problème mais voici plusieurs pistes :

:arrow: Peut-être que déléguer l’évènement click, au lieu d’utiliser les attributs onclick, rendrait les choses plus claires. Il suffit d’ajouter un gestionnaire d’évènement sur un élément parent à toutes les checkbox, et utiliser la propriété target de l’évènement :

Code:

---

1 2 3 4 5 6

parent.addEventListener("click", function (event) { console.log(event.target);   // ...   }

---

:arrow: Si tu ne veux toucher ni au name ni à l’id, tu peux utiliser un attribut data.

:arrow: Tu peux générer des évènements click « artificiels » en appelant elt.click(). Ça déclenchera tes attributs onclick ou tes gestionnaires d’évènements ; en revanche ça ne changera pas l’état de la box car les évènements générés ne sont pas trusted.