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:
Code : Tout sélectionner
<input type=checkbox id="check" checked>
<input type=checkbox id="check">
<input type=checkbox id="check" checked>
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:
Code : Tout sélectionner
<form>
<div>
<input type=checkbox id="parent" name="parent[0]" onChange="cocher_decocher_fils(0)"><b>Titre parent</b>
<ul><input type=checkbox id="fils[0]" name="fils[0][0]" onChange="cocher_decocher_parent(0)"><b>Titre fils 1</b></ul>
<ul><input type=checkbox id="fils[0]" name="fils[0][1]" onChange="cocher_decocher_parent(0)"><b>Titre fils 2</b></ul>
</div>
<div>
<input type=checkbox id="parent" name="parent[1]" onChange="cocher_decocher_fils(1)"><b>Titre parent</b>
<ul><input type=checkbox id="fils[1]" name="fils[1][0]" onChange="cocher_decocher_parent(1)"><b>Titre fils 1</b></ul>
<ul><input type=checkbox id="fils[1]" name="fils[1][1]" onChange="cocher_decocher_parent(1)"><b>Titre fils 2</b></ul>
</div>
<input type=submit name="envoyer" value="Envoyer">
</form>
<script>
//cocher_decocher_fils :
//si le parent est coché ou décoché, tous ses fils ont le même état
function cocher_decocher_fils(cle_parent){
//Accès au noeud parent à l'index cle_parent = 1 parent indexé par cle_parent
var parent = document.all["parent"][cle_parent];
//Accès au noeud fils[cle_parent] = un tableau des fils du parent indexé par cle_parent
var fils = document.all["fils["+cle_parent+"]"];
//Traitement des fils
for (i=0; i<fils.length; i++){
//Etat coché du fils = même état coché du parent
fils[i].checked = parent.checked;
}
}
//cocher_decocher_parent :
//si au moins un des fils est coché, le parent l'est aussi.
//si aucun des fils n'est coché, le parent ne l'est pas non plus
function cocher_decocher_parent(cle_parent){
//Si au moins un fils est coché => parent coché
var fils = document.all["fils["+cle_parent+"]"];
for (i=0; i<fils.length; i++)
if (fils[i].checked) {
document.all["parent"][cle_parent].checked = true;
return;
}
//Si aucun fils n'est coché => parent non coché
document.all["parent"][cle_parent].checked = false;
}
</script>
<?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>";
?>
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[i][0..n]
Quand on sélectionne alors un parent i, on peut traiter ses fils[i][x] dans une boucle x=0 à fils[i].length
[b]Manipuler des checkbox sous JS et PHP[/b]
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:
[code]<input type=checkbox id="check" checked>
<input type=checkbox id="check">
<input type=checkbox id="check" checked>
[/code]
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[u][b] nom[x][/b][/u] selon 2 cas :
[b]1.[/b] 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 :
[php]<input type=checkbox name="check[1]" checked>
<input type=checkbox name="check[2]">
<input type=checkbox name="check[3]" checked>[/php]
ici, php reçoit un tableau $_GET["check"] contenant les index [1] et [3] qui sont les index d'origine des check cochés
[b]2.[/b] 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 :
[php]<input type=checkbox name="check[]" checked>
<input type=checkbox name="check[]">
<input type=checkbox name="check[]" checked>[/php]
ici, php reçoit un tableau $_GET["check"] contenant les index [0] et [1] arbitrairement les check cochés
[b]Remarque[/b] :
[list]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
[/list]
[b]
Proposition:[/b]
[code]<form>
<div>
<input type=checkbox id="parent" name="parent[0]" onChange="cocher_decocher_fils(0)"><b>Titre parent</b>
<ul><input type=checkbox id="fils[0]" name="fils[0][0]" onChange="cocher_decocher_parent(0)"><b>Titre fils 1</b></ul>
<ul><input type=checkbox id="fils[0]" name="fils[0][1]" onChange="cocher_decocher_parent(0)"><b>Titre fils 2</b></ul>
</div>
<div>
<input type=checkbox id="parent" name="parent[1]" onChange="cocher_decocher_fils(1)"><b>Titre parent</b>
<ul><input type=checkbox id="fils[1]" name="fils[1][0]" onChange="cocher_decocher_parent(1)"><b>Titre fils 1</b></ul>
<ul><input type=checkbox id="fils[1]" name="fils[1][1]" onChange="cocher_decocher_parent(1)"><b>Titre fils 2</b></ul>
</div>
<input type=submit name="envoyer" value="Envoyer">
</form>
<script>
//cocher_decocher_fils :
//si le parent est coché ou décoché, tous ses fils ont le même état
function cocher_decocher_fils(cle_parent){
//Accès au noeud parent à l'index cle_parent = 1 parent indexé par cle_parent
var parent = document.all["parent"][cle_parent];
//Accès au noeud fils[cle_parent] = un tableau des fils du parent indexé par cle_parent
var fils = document.all["fils["+cle_parent+"]"];
//Traitement des fils
for (i=0; i<fils.length; i++){
//Etat coché du fils = même état coché du parent
fils[i].checked = parent.checked;
}
}
//cocher_decocher_parent :
//si au moins un des fils est coché, le parent l'est aussi.
//si aucun des fils n'est coché, le parent ne l'est pas non plus
function cocher_decocher_parent(cle_parent){
//Si au moins un fils est coché => parent coché
var fils = document.all["fils["+cle_parent+"]"];
for (i=0; i<fils.length; i++)
if (fils[i].checked) {
document.all["parent"][cle_parent].checked = true;
return;
}
//Si aucun fils n'est coché => parent non coché
document.all["parent"][cle_parent].checked = false;
}
</script>
[/code]
[php]
<?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>";
?>[/php]
