[DOM] checkbox multiples avec attribut name du type nom[]

Version imprimable

J'ai lu les 2 posts
ici
et ici

mais dans les 2 cas la balise name du checkbox �tai identique pour tous les input (pas tr�s xhtml non?)

je voudrais savoir comment modifier ce code pour que si je remplace
nomchk par nomchk[], mon js fonctionne : que le clic sur le lien coche tous (et ainsi je r�cup�rerais mes valeurs dans un joli tableau $_POST en php apr�s coup:D )
Code:

1 2 3 4 5 <form name="formulaire"> <input type="checkbox" name="nomchk" value="1" />1 <input type="checkbox" name="nomchk" value="2" /> 2 <input type="checkbox" name="nomchk" value="3" />3 </form>
avec le js associ�
Code:

1 2 3 4 5 6 7 8 9 <script type="text/javascript"> function checkall(formname,checkname,thestate) { var el_collection=eval("document.forms."+formname+"."+checkname); for (c=0;c<el_collection.length;c++) el_collection[c].checked=thestate; } </script>
et l'appel
Code:

1 2 <a href="javascript:checkall('formulaire','nomchk',true)">Tous</a> - <a href="javascript:checkall('formulaire','nomchk',false)">Aucun</a>

Bonsoir,
Essaye ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
function checkall(statut)
{
for (i=0; i<document.getElementsByTagName("input").length; i++)
if (document.getElementsByTagName("input")[i].type=="checkbox") {
    document.getElementsByTagName("input")[i].checked=statut ;
}
}
</script>
 
<form name="formulaire">
<input type="checkbox" name="nomchk[]" value="1" />1   
<input type="checkbox" name="nomchk[]" value="2" /> 2   
<input type="checkbox" name="nomchk[]" value="3" />3  
</form>
<a href="javascript:checkall(true)">Tous</a>  
-  <a href="javascript:checkall(false)">Aucun</a>

Code:

1
2
3
document.getElementsByName('nomchk[]')[0]
document.getElementsByName('nomchk[]')[1]
document.getElementsByName('nomchk[]')[2]

D'abord, merci de vous int�resser � mon probl�me :)

En plus c'est d�j� vous qui aviez r�pondu aux post que je citais :king:

Cel� �tant, vos solutions ne me conviennent pas, j'en suis triste :

j'ai s�rement �t� trop impr�cis dans ma demande

J'ai un formulaire qui g�re des calendriers et je veux qu'� chaque mois on puisse d�/cocher toutes les dates sur un clic
donc mon probl�me est plut�t du type
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <form name="formulaire"> a href="javascript:checkall(true, 'nomchkA')">Tous A</a> - <a href="javascript:checkall(false, 'nomchkA')">Aucun A</a> <input type="checkbox" name="nomchkA[]" value="1" />1 <input type="checkbox" name="nomchkA[]" value="2" />2 <input type="checkbox" name="nomchkA[]" value="3" />3 <a href="javascript:checkall(true, 'nomchkB')">Tous B</a> - <a href="javascript:checkall(false, 'nomchkB')">Aucun B</a> <input type="checkbox" name="nomchkB[]" value="4" />4 <input type="checkbox" name="nomchkB[]" value="5" />5 <input type="checkbox" name="nomchkB[]" value="6" />6 </form>
C'est plus compliqu� non :( ?

avec votre code, le clic check TOUS les checkbox, sans distinction de nom.

Essaye avec ce code :

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
<script type="text/javascript">
function checkall(statut,nom)
{
for (i=0; i<document.getElementsByTagName("input").length; i++)
if (document.getElementsByTagName("input")[i].name==nom) {
    document.getElementsByTagName("input")[i].checked=statut ;
}
}
</script>
</head>
 
<body>
<form name="formulaire">
<a href="javascript:checkall(true,'nomchkA[]')">Tous A</a>  
-  <a href="javascript:checkall(false,'nomchkA[]')">Aucun A</a>
 
<input type="checkbox" name="nomchkA[]" value="1" />1   
<input type="checkbox" name="nomchkA[]" value="2" />2   
<input type="checkbox" name="nomchkA[]" value="3" />3  
 
 
<a href="javascript:checkall(true,'nomchkB[]')">Tous B</a>  
-  <a href="javascript:checkall(false,'nomchkB[]')">Aucun B</a>
 
<input type="checkbox" name="nomchkB[]" value="4" />4
<input type="checkbox" name="nomchkB[]" value="5" />5
<input type="checkbox" name="nomchkB[]" value="6" />6
</form>

en lisant cette d�finoition du dom, j'ai eu une inspiration, et �a a l'air de fonctionner :yaisse2::

j'ai fait:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <script type="text/javascript"> function checkall(statut, nom) { chk = document.getElementsByName(nom); for (i=0; i<chk.length; i++) chk.item(i).checked = statut; } </script> <form name="formulaire"> <input type="checkbox" name="nomchkA[]" value="10" />1 <input type="checkbox" name="nomchkA[]" value="20" />2 <input type="checkbox" name="nomchkA[]" value="30" />3 <input type="checkbox" name="nomchkB[]" value="4" />4 <input type="checkbox" name="nomchkB[]" value="5" />5 <input type="checkbox" name="nomchkB[]" value="6" />6 </form> <a href="javascript:checkall(true, 'nomchkA[]')">Tous A</a> - <a href="javascript:checkall(false, 'nomchkA[]')">Aucun A</a> <a href="javascript:checkall(true, 'nomchkB[]')">Tous B</a> - <a href="javascript:checkall(false, 'nomchkB[]')">Aucun B</a>
en tout cas merci pour ton code :king::king: , je le testerai et je le garde au cas ou lre mien ne fonctionne pas sur tous les navigatteurs que je vais essayer.

PS: peut-�tre que le tien est plus universel, compatible ou standard?? je ne maitrise pas les subtilit�s du JS et getElementsByName vs getElementsByTagName je ne sais quelle est la meilleur m�thode (s'il y en a ) pour traiter ces formulaires ?

15/04/2008, 09h57
SpaceFrog

8O8O8O

ben oui et le code que j'ai donn� plus haut alors !!!

Code:

document.getElementsByName('nomchk[]')[0]

c'est excatement la m�me chose !!!

pressse pareil : il passe par item(i)!
lol

Code:

1
2
3
4
5
6
function checkall(statut, nom)
{
 chk = document.forms["formulaire"].elements[nom];
 for (i=0; i<chk.length; i++)
 chk[i].checked = statut;
}

15/04/2008, 11h12
SpaceFrog

Ha oui la collection des elements du form de name = nom...

nom ="nomchk";

Code:

document.forms["formulaire"].elements[nom][i]

vs
la collection des getElementsByName:

Code:

document.getElementsByName('nomchk[]')[i]

N'emp�che que le fondement de la solution c'est quand m�me de passer le nom complet avec le crochets !!!
15/04/2008, 20h57
beyo

Hola SpaceFrog, :lol: je ne veux pas m'attirbuer un m�rite qui ne me reviendrait pas :oops: J'ai vu ta solution, certes, mais jumano avait mis une soluce compl�te, et toi la piste (ie pas tout le code) et comme je suis pas un gourou en js, je n'ai pas fait le rapprochement avec le code que j'ai trouv�, cf la remarque de Matthieu2000. En tout cas merci pour tout le temps que vous m'avez consacr� :hola::hola:, et aussi pour la rapidit� de vos r�ponse, ce qui n'est pas n�gligeable quend on � plusieurs point dans un d�veloppement qui posent probl�me. En tout cas ca fait un post de plus de :resolu: ;)
16/04/2008, 09h15
SpaceFrog
Arf !! Non !! peu importe qui trouve la solutoin, l'essentiel est de la trouver :king:. L� n'est pas mon propos ...

Je voulais simpelment attirer l'attention sur le fait que javascript, contrairement � php consid�re les [] comme des caract�res normaux dasn les names ou id.

Donc si tu as un name

Code:

name="truc[]"

javascript le reconnaitra comme ceci:
Code:

1 2 3 4 getElementsByName("truc[]") //ou elements("truc[]")
et parcons�quent les �l�ments de la collection sont:
Code:

1 2 3 getElementsByName("truc[]")[i] ou elements("truc[]")[i]
les crochets sont consid�r�s comme de l'alphab�tique, quelle que soit la syntaxe utilis�e...

Alors que pour php le fait de mettre les crochets cot� html permet de passer un array � php...
;)