Bonjour,

j'ai un menu fait de checkbox, chaque checkbox possède des checkbox fille. Sur ces checkbox-mères, j'ai implémenté un script qui permet de cocher toutes les checkbox filles de chaque catégorie.

Un problème apparait :

Lorsque je coche la checkbox avec l'id 1, cela me coche également les checkbox avec l'id 10, 11, 12, etc, bref toutes celles commençant par 1.

Comment corriger ça ?

le code du menu généré en php :
et le script JS :

Pourquoi ne pas mettre un id à tes balises <ul> lié à l'identifiant de la case qui les gère (genre menu1, menu2, ...) tu n'aurais plus alors qu'à récupérer getElementById('menu'+id).elements et cocher ou décocher toutes les cases sans te soucier de leur id ?

sinon ton problème vient de ton substring : il ne faut pas couper à la taille de id, sans quoi pour id==1 (donc longueur égale à 1), tu vas effectivement avoir tout ce qui commence par un 1 quel que soit ce qui suit Si tu veux tronquer ta chaine, sert toi du "c" que tu as dedans

sinon tu peux également vérifier que ton id_fils contient la chaine id+"c" comme ça si id==1, il n'y aura pas de confusions possible entre 1cX et 10cX

ouh là ça me parait bien compliqué tout ça. Ta deuxieme solution m'interesse, pourrait tu me montrer la synthaxe pour couper ma chaine juste avant le 'c' ?

La première n'est pas spécialement compliqué, il suffit dans tes tags de liste de rajouter un id pour les distinguer :
et dans ta fonction, quand on clique sur la case 1, d'aller chercher les éléments qui se trouvent englobés par la balise dont l'id est "menu1" au lieu de prendre tous les éléments de "menu" comme tu le fais actuellement...


Pour couper ta chaine au "c", il te faut utiliser la fonciton indexOf pour déterminer sa position : id.indexOf("c")
Tu peux alors faire un substring de 0 jusqu'à cet index (Attention : substr et substring sont deux fonctions différentes : la première prends en compte l'index de départ et le nombre de caractères, la seconde prends en compte l'index de départ et l'index d'arrivée)

j'ai modifié ma fonction comme conseillé. Résultat : mon probleme d'id semble reglé, lorsque je coche la case 1, seule celle ci se coche. Par contre, cela ne coche plus les checkbox filles : /

Voici une solution qui consiste à créer les parents et les fils dans des tableaux
Les parents dans un tableau à une dimension
Les fils dans un tableau à 2 dimensions (où la première correspond au parents)

Ceci donne une liste hiérachique qu'on peut exploiter par index
Ainsi l'accès aux fils d'un parent connu par i s'écrit : fils[0..n]

Quand on sélectionne alors un parent i, on peut traiter ses fils[x] dans une boucle x=0 à fils.length

Manipuler des checkbox sous JS et PHP
Ceci dit, sous jS un tableau d'objets est créé si les objets constituant le tableau sont identifiés par un même id.
exemple:
ici, JS récupère un tableau nommé "check" qui contient 3 objets [0], [1] et [2] dont 2 objets cochés ([0] et [2]) et 1 objet décoché ([1])

Par contre PHP récupère dans un tableau les checkbox cochés ayant le même nom suivi d'un index x spécifié ou ignoré de la forme nom[x] selon 2 cas :

1. quand les checkbox sont nommés par le même nom en spécifiant leur index, PHP récupère tous les checkbox cochés en conervant leur index d'origine dans l'ordre.
exemple :

<input type=checkbox name="check[1]" checked>
<input type=checkbox name="check[2]">
<input type=checkbox name="check[3]" checked>

ici, php reçoit un tableau $_GET["check"] contenant les index [1] et [3] qui sont les index d'origine des check cochés


2. quand les checkbox sont nommés par le même nom sans spécifier leur index, PHP récupère tous les checkbox cochés sans conerver l'ordre d'origine.
exemple :

<input type=checkbox name="check[]" checked>
<input type=checkbox name="check[]">
<input type=checkbox name="check[]" checked>

ici, php reçoit un tableau $_GET["check"] contenant les index [0] et [1] arbitrairement les check cochés

Remarque :

• PHP ne reçoit pas les champs nommés par "id" mais ceux nommés par "name" et incrustés dans un form
  PHP ne reçoit jamais les check décochés

Proposition:

<?php 
//PHP reçoit les champs nommés parent et fils en tant que tableaux
echo "<pre>";
foreach ($_GET["parent"] as $cle_parent=>$aucune_valeur){
	echo "<p>Parent: $cle_parent <br>";
	print_r($_GET["fils"][$cle_parent]);
}
echo "</pre>";
?>

J'ai essayé d'implementer ta technique, mais je me retrouve avec cette erreur JS :

Erreur : document.all has no properties
Fichier source : http://127.0.0.1/Mailing/mail02.php
Ligne : 104

Voici ma liste de checkbox générée, je ne crois pas qu'il y est d'erreurs (l'oubli de la fonction cocher_decocher_parent() est intentionnel, je n'en ai pas besoin).