plusieurs check_all_box dans une page php

**IJL_EM** · 27/01/2011, 17h03

Bonjour,

Malgré moultes recherches, je n'ai pas trouvé comment dans une page php, avoir des checkbox pour en checker d'autres.
Exemple dans un affichage sous format de tableau, le premier checkbox d'une colonne me permettrait de sélectionner tous les checkbox de la colonne en question mais pas les checkbox des autres colonnes.
Ne connaissant pas à priori le nombre de colonnes...
Je n'ai pas de problème si je me contente d'une seule liste c-à-d d'un tableau à une seule entrée. (voir les nombreux exemples sur le net)

Par avance je remercie tous ceux qui m'aideront à résoudre ce petit (pour certains mais pas pour moi) problème.

JL

**SpaceFrog** · 27/01/2011, 17h14

pas les names ?

**IJL_EM** · 27/01/2011, 17h19

Je ne comprends pas la question. Pouvez-vous être un peu plus précis ? Merci.

**SpaceFrog** · 27/01/2011, 18h29

Code :

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

getElementsByName

et des groupes de checks ayant le même name ...

c'est pas dans la FAQ ça ?

**andry.aime** · 27/01/2011, 19h35

Envoyé par SpaceFrog

c'est pas dans la FAQ ça ?

Mainte-fois résolue sur le forum aussi.
Fait une recherche.

A+.

**IJL_EM** · 28/01/2011, 15h53

J'insiste, j'en suis désolé mais je ne me suis peut-être pas bien fait comprendre :
voici une exemple de ce que je voudrais réussir à faire.
le name d'une série de checkbox est un tableau (tous[numero_de_colonne])
Le name du checkbox est un tableau de 3 colonnes (tab[numero_de_colonne]); chaque colonne comprend un nombre aléatoire d'élèments (dans mon exemple: 3 , 5 , 2)
Lorsque je coche sur la checkbox tous[1], la fonction checktous[1] est appelée et cochent tous les checkbox de la colonne 1; et inversement si je décoche tous[1] alors tous les tab[1] sont décochés.
voici le fichier php :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<?php
/* 

Date de création: 28/01/2011 

essai_check_all_dim2.php

*/ 
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
 
function checktous(f , colonne)
{
  var ts = document.f.getElementsByName("tous");		  
  var tb = document.f.getElementsByName("tab");
 
  // alert(colonne);
 
  if (ts[colonne].checked==true)
  {			   
     for (var i=0; i < tb[colonne].length; i++) // 
    {
      tb[colonne][i].checked = true;
    }
    tb[colonne][0].focus();
  }
  else
  {
     for (var i=0; i < tb[colonne].length; i++)
     {
      tb[colonne][i].checked = false;
     }
     tb[colonne][0].focus();
  }
}
</script>
</head>
<body>
<?php
 
$nbcolonnes = 3;
$tabnbelements_colonne = array(3 , 5 , 2) ;
$tabelements = array();
                
for ($c=0 ; $c!=$nbcolonnes ; $c++)
{                       
  for ($e=0 ; $e!=$tabnbelements_colonne[$c] ; $e++)
  {
  $tabelements[$c][$e] = 2 * $c + 3 * $e * $e;
  } 
} 
        
print("<form name =\"form\" action=\"lister.php\" method=\"post\" target=\"_self\" >");
print("<table><tr>");
for ($c=0 ; $c!=$nbcolonnes ; $c++)
{
  print("<td valign=\"top\">");
  print("<input type=\"checkbox\" name=\"tous[".$c."][]\" value=\"".$c."\" onClick=\"checktous(this.form, '$c');\">TOUS ".$c);
  print("<br /><br />");
 
  for ($e=0 ; $e!=$tabnbelements_colonne[$c] ; $e++)
  {
  print("<input type=\"checkbox\" name=\"tab[".$c."][]\" value=\"".$tabelements[$c][$e]."\" /> E = ".$tabelements[$c][$e]);
  print("<br />");
  } 
                
} 
print("</tr></table>");
print(" <input type=\"submit\" name=\"btn\" value=\"Lister\" />");
print("</form>");
         
?>
</body>
</html>

Si la solution de mon probléme existe dans un forum ou une FAQ alors donnez-moi SVP l'adresse où je peux la trouver. Merci.

**SpaceFrog** · 28/01/2011, 19h49

Ton code php ne nous est d'aucune utilité, ici c'est un forum langage client
donne nous plutot le html généré ...

**IJL_EM** · 28/01/2011, 20h54

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
 
function checktous(f , colonne)
{
  var ts = document.getElementsByName("tous");		  
  var tb = document.getElementsByName("tab");
 
  // alert(colonne);
 
  if (ts[colonne].checked==true)
  {			   
   for (var i=0; i < tb[colonne].length; i++) // 
   {
    tb[colonne][i].checked = true;
   }
tb[colonne][0].focus();
  }
  else
  {
   for (var i=0; i < tb[colonne].length; i++)
   {
    tb[colonne][i].checked = false;
   }
   tb[colonne][0].focus();
 }
}
 
</script>
 </head>
 
 <body>
<form name ="form" action="lister.php" method="post" target="_self" >
<table><tr><td valign="top">
<input type="checkbox" name="tous[0]" value="0" onClick="checktous(this.form, '0');">TOUS 0<br /><br />
<input type="checkbox" name="tab[0][]" value="0" /> E = 0<br />
<input type="checkbox" name="tab[0][]" value="3" /> E = 3<br />
<input type="checkbox" name="tab[0][]" value="12" /> E = 12<br />
</td><td valign="top">
<input type="checkbox" name="tous[1]" value="1" onClick="checktous(this.form, '1');">TOUS 1<br /><br />
<input type="checkbox" name="tab[1][]" value="2" /> E = 2<br />
<input type="checkbox" name="tab[1][]" value="5" /> E = 5<br />
<input type="checkbox" name="tab[1][]" value="14" /> E = 14<br />
<input type="checkbox" name="tab[1][]" value="29" /> E = 29<br />
<input type="checkbox" name="tab[1][]" value="50" /> E = 50<br />
</td><td valign="top">
<input type="checkbox" name="tous[2]" value="2" onClick="checktous(this.form, '2');">TOUS 2<br /><br />
<input type="checkbox" name="tab[2][]" value="4" /> E = 4<br />
<input type="checkbox" name="tab[2][]" value="7" /> E = 7<br />
</td></tr></table> 
<input type="submit" name="btn" value="Lister" />
</form>  
 
</body>
</html>

**SpaceFrog** · 29/01/2011, 10h12

Ton utilisation a tort de table pour faire de la mise en page dans le form empêche l'utilisation de la syntaxe getElementsByName, le table masquant les elements du form poru le DOM ...
On peut cependant accéder aux elements du form par la syntaxe

Code :

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

forms[0].elements[]

ce qui donne:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script type="text/javascript">
function checktous(coche,groupe){
tabchks=document.forms[0].elements['tab['+groupe+'][]']
var i=-1
while(tabchks[++i]){
tabchks[i].checked=coche;
}
 
}
</script>
</head>
 
<body>
<form name ="form" action="lister.php" method="post" target="_self" >
<table><tr><td valign="top">
<input type="checkbox" name="tous[0]" value="0" onclick="checktous(this.checked,0);">TOUS 0<br /><br />
<input type="checkbox" name="tab[0][]" value="0" /> E = 0<br />
<input type="checkbox" name="tab[0][]" value="3" /> E = 3<br />
<input type="checkbox" name="tab[0][]" value="12" /> E = 12<br />
</td><td valign="top">
<input type="checkbox" name="tous[1]" value="1" onclick="checktous(this.checked,1);">TOUS 1<br /><br />
<input type="checkbox" name="tab[1][]" value="2" /> E = 2<br />
<input type="checkbox" name="tab[1][]" value="5" /> E = 5<br />
<input type="checkbox" name="tab[1][]" value="14" /> E = 14<br />
<input type="checkbox" name="tab[1][]" value="29" /> E = 29<br />
<input type="checkbox" name="tab[1][]" value="50" /> E = 50<br />
</td><td valign="top">
<input type="checkbox" name="tous[2]" value="2" onclick="checktous(this.checked,2);">TOUS 2<br /><br />
<input type="checkbox" name="tab[2][]" value="4" /> E = 4<br />
<input type="checkbox" name="tab[2][]" value="7" /> E = 7<br />
</td></tr></table> 
<input type="submit" name="btn" value="Lister" />
</form>  
 
</body>
</html>

**IJL_EM** · 31/01/2011, 14h56

MERCI !

Je vous suis très reconnaissant de m'avoir aidé sur cette difficulté.
Je vous souhaite la bonne journée.

JL

plusieurs check_all_box dans une page php

JavaScript

Discussions similaires

Partager

Partager