Discussion :

[guillaumeIOB]

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Watilin]

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

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
parent.addEventListener("click", function (event) {
  console.log(event.target);
 
  // ...
 
}

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

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.