[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...
;)