Tableau checkbox en paramètre

Version imprimable

Bonjour,

Débutant en développement Web, je cherche actuellement le moyen de faire passer en paramètre d'une fonction javascript, un tableau de checkbox.
Code:

1 2 3 4 5 6 7 8 9 <? ... <INPUT TYPE=CHECKBOX NAME="cb'.$cbgroup.'[]" VALUE="'. $retour[$i] .'" OnChange="checkall(cb'.$cbgroup.');" CHECKED /> ... ?>
Ainsi, je serait en mesure de faire le traitement souhaité depuis ma fonction javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function checkall(gcheckbox) { temp = gcheckbox.length; if (gcheckbox[0].checked) { // si la case est cochée for (i=1; i < temp; i++) { // on coche toutes les autres gcheckbox[i].checked=true; } } else { for (i=1; i < temp; i++) { // on décoche tout gcheckbox[i].checked=false; } } }
Si quelqu'un avait une réponse... merci !!

26/09/2009, 15h58
SpaceFrog

Code:

OnChange="checkall(document.getElementsByName(\'cb'.$cbgroup.'\');"

Merci pour cette réponse rapide, cependant, cela ne fonctionne pas. Peut-être cela vient de mes fonctions Javascript.

Voici l'extrait de mon code :

PHP :

Code:

1
2
3
4
5
6
7
8
 
<?
...
 
<INPUT TYPE=CHECKBOX NAME="cb'.$cbgroup.'[]" VALUE="'. $retour[$i] .'" OnChange="checkall(document.getElementsByName(\'cb'.$cbgroup.'\');" CHECKED />
 
...
?>

Javascript fonction 1 :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function checkall(groupcheckbox) {	
			temp = groupcheckbox.length;			
			if (groupcheckbox[0].checked) { 
				// si la case est cochée
				for (i=1; i < temp; i++) { 
					// on coche toutes les autres
					groupcheckbox[i].checked=true;
				}
			}
			else {
				for (i=1; i < temp; i++) { 
					// on décoche tout
					groupcheckbox[i].checked=false;
				}
			}
		}

Javascript fonction 2 :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function checkone(groupcheckbox) {	
			m=0; // initialisation du nombre de checkboxes cochées	
			temp = groupcheckbox.length;
 
			for (i=1; i < temp; i++) { 
				if (groupcheckbox[i].checked) { 
					// si la checkbox courante est cochée, on comptabilise
					m++;
				}
			}
			if ( m == (temp-1) ) {
				// si toutes les checkboxes sont cochées, on coche la checkboxe principale
				groupcheckbox[0].checked=true;
			}
			else {
				// sinon on décoche la checkboxe principale
				groupcheckbox[0].checked=false;
			}
		}

Étant néophyte en matière de développement Javascript, je m'en remet à vous pour m'indiquer si vous percevez une erreur...

Merci par avance !!

26/09/2009, 17h18
SpaceFrog

J'aime beaucoup les diagnostiques ce ce type:"cela ne fonctionne pas"
Quel est le comportement ? message d'erreur ??

Commence par mettre un alert en debut de fonction pour tester le length ...

Ok, j'ai donc inséré une "alert" dans mes scripts, en début de fonction :

Extrait du Code source de la page Web :

Code:

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
 
function checkall(groupcheckbox) {	
			alert("checkall : ");	
			temp = groupcheckbox.length;	
 
			if (groupcheckbox[0].checked) { 
				// si la case est coch�e
				for (i=1; i < temp; i++) { 
					// on coche toutes les autres
					groupcheckbox[i].checked=true;
				}
			}
			else {
				for (i=1; i < temp; i++) { 
					// on d�coche tout
					groupcheckbox[i].checked=false;
				}
			}
		}
 
function checkone(groupcheckbox) {
			alert("checkone : ");
			m=0; // initialisation du nombre de checkboxes coch�es	
			temp = groupcheckbox.length;
 
			for (i=1; i < temp; i++) { 
				if (groupcheckbox[i].checked) { 
					// si la checkbox courante est coch�e, on comptabilise
					m++;
				}
			}
			if ( m == (temp-1) ) {
				// si toutes les checkboxes sont coch�es, on coche la checkboxe principale
				groupcheckbox[0].checked=true;
			}
			else {
				// sinon on d�coche la checkboxe principale
				groupcheckbox[0].checked=false;
			}
		}

Correction du dernier post, mes checkboxes respectent la syntaxe suivante :

Code:

1
2
3
4
5
6
 
<INPUT TYPE=CHECKBOX NAME="cb'.$cbgroup.'[]" VALUE="'. $path .'" OnChange="checkall(document.getElementsByName(\'cb'.$cbgroup.'\');" CHECKED />
 
et
 
<INPUT TYPE=CHECKBOX NAME="cb'.$cbgroup.'[]" VALUE="'. $retour[$i] .'" OnChange="checkone(document.getElementsByName(\'cb'.$cbgroup.'\');" CHECKED />

Le code source de la page Web qui en résulte est le suivant :

Code:

1
2
3
4
5
6
7
8
 
<INPUT TYPE=CHECKBOX NAME="cb1[]" VALUE="1.3.6.1.2.1.2.2.1.1" OnChange="checkall(document.getElementsByName('cb1');" CHECKED />
 
et
 
<INPUT TYPE=CHECKBOX NAME="cb1[]" VALUE=" 1" OnChange="checkone(document.getElementsByName('cb1');" CHECKED />
 
ainsi de suite pour chaque valeur de  $cbgroupe

Toutefois, le comportement est le suivant :
- Aucune réaction lors du clique sur une checkbox ( pas d'alert )
- Aucune modification d'état de mes checkboxes

En espérant est ainsi plus clair... :oops:

28/09/2009, 18h14
andry.aime

Bonjour

Citation:

OnChange="checkall(document.getElementsByName(\'cb'.$cbgroup.'\');"

ça ne doit pas être

Code:

OnChange="checkall(document.getElementsByName(\'cb'.$cbgroup.'[]\');"
28/09/2009, 18h29
Reonner

Citation:

Envoyé par andry.aime

Bonjour

ça ne doit pas être

Code:

OnChange="checkall(document.getElementsByName(\'cb'.$cbgroup.'[]\');"

Ceci ne change absolument rien... aucune réaction !
Comportement identique !!
28/09/2009, 19h22
SpaceFrog

il faudrait voir 'un coté le php et de l'autre le html généré

A force de copier-coller, je ne m'étais pas aperçu d'une erreur initiale qui est maintenant corrigée :

Ce n'est pas :
Code:

1 2 OnClick="checkone(document.getElementsByName(\'cb'.$cbgroup.'\');"
Mais...
Code:

1 2 OnClick="checkone(document.getElementsByName(\'cb'.$cbgroup.'\'));"
Finalement, j'ai modifié mon script pour obtenir la longueur de mon tableau de checkboxes :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function checkall(groupcheckbox) { temp = groupcheckbox.length; alert(temp); if (groupcheckbox[0].checked) { // si la case est cochée for (i=1; i < temp; i++) { // on coche toutes les autres groupcheckbox[i].checked=true; } } else { for (i=1; i < temp; i++) { // on décoche tout groupcheckbox[i].checked=false; } } }
Cette "alert" me renvoi alors : 0

Je reviens donc sur mes positions en ajoutant le [] a mon passage de paramètre afin d'accentuer qu'il s'agit bien d'un tableau :
Code:

1 2 OnClick="checkone(document.getElementsByName(\'cb'.$cbgroup.'[]\'));"
Enfin, l'"alert" me renvoi alors le bon nombre et ma page web présente le comportement souhaité !!

Si cela peut aider certain... c'est avec les erreurs que l'on apprend!

Merci tout de même à tous ceux qui m'ont aider a arriver a mon but !!