nombre de checkbox coché

Version imprimable

10/06/2010, 16h55
cool

nombre de checkbox coché

salut tout le monde;
je veux bien savoir le nombre de checkbox coché dans mon formulaire , mon grand problème c'est comment avoir le nombre de checkbox total :cry:
j'ai essayé cette syntaxe mais rien n'y fait
document.frm["data['feeds_title'][]"].length

sachant que le nom de mon formulaire est frm et le nom de mes checkbox suivent cette forme : data[feeds_title][i] tel que i varie de 0 jusqu'a n.

aidez moi SVP :arf:
10/06/2010, 17h04
SpaceFrog

http://javascript.developpez.com/faq...ps#valCheckbox
10/06/2010, 17h10
javatwister

si tu ne peux pas faire plus simple, tu boucles sur les éléments du form et tu testes le type "checkbox";
10/06/2010, 17h11
SpaceFrog

si on avait egalement le html des checkbox ça aiderait ...

Voici un petit extrait du code html :calim2::

Code:

1
2
3
4
<form action="/mon_prj/feeds/showfeedtitle" method="post" id="FeedsShowfeedtitleForm" name="frm" onclick="ss()" conntroller="feeds">
 
<input type="checkbox" id="FeedsPublished" value="Football&nbsp;-&nbsp;Serie A -" name="data[feeds_title][0]">
<input type="checkbox" id="FeedsPublished" value="Football&nbsp;-&nbsp;Serie b!" name="data[feeds_title][1]">

:arf:

10/06/2010, 17h26
E.Bzz

Bonjour,
contrairement au name, l'id doit être unique dans la page.

A corriger avant tout autre chose ;)

A+
10/06/2010, 17h29
javatwister

oulah

l'id doit être unique, pour chaque élément de la page;

l'attribut "name" peut être rigoureusement le même, sans incrémenter l'index (le langage serveur comprendra que c'est un tableau);

du coup:

Code:

form.elements["mes_box[]"].length

devrait te donner le nombre de chexbox(es);
10/06/2010, 17h29
cool

je l'ai corrigé mais ça résout pas mon problème :cry:
10/06/2010, 17h31
E.Bzz

Citation:

Envoyé par cool

je l'ai corrigé mais ça résout pas mon problème :cry:

Nous n'avons pas dit que c'était la seule erreur : juste que c'était la priorité ;)

On peut voir la version corrigée ?

A+
10/06/2010, 17h36
cool

Code:

document.frm.elements["data[feeds_title][]"].length

je crois que c'est pas mon jour aujourd'hui :mur:
10/06/2010, 17h51
E.Bzz

Pour être cohérent (point de vue syntaxe)
:fleche:

Code:

document.forms["frm"].elements["data[feeds_title][]"].length

Qu'est ce qui ne va pas, là ?

A+

j'ai l'ai mis dans une alerte
Code:

1 2 3 4 <script language="javascript"> function ss(){ alert(document.forms["frm"].elements["data[feeds_title][]"].length); }
mais ça donne rein :cry:

10/06/2010, 18h44
SpaceFrog

Code:

name="data[feeds_title][]

pas d'index !!

et

Code:

document.getElementsByName("data[feeds_title][]").length
10/06/2010, 18h52
cool

ça m'affiche toujours zero, même si je sélectionne 3 ou 4 checkbox ça m'affiche toujours zéro :calim2:
je vais devenir dingue moi :mur::mur::mur::mur::mur::mur::mur:

Code:

1
2
3
4
5
6
7
<form action="/mon_prj/feeds/showfeedtitle" method="post" id="FeedsShowfeedtitleForm" name="frm" onclick="ss()" conntroller="feeds">
<input type="checkbox" id="FeedsPublished" value="Football&nbsp;-&nbsp;Serie A -" name="data[feeds_title][]">
<input type="checkbox" id="FeedsPublished" value="Football&nbsp;-&nbsp;Serie b!" name="data[feeds_title][]">
</from> 
<script>
alert(document.getElementsByName("data[feeds_title][]").length)
</script>

j'ai bien deux ... :roll:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
function foo(){
tabchecks=document.getElementsByName("data[feeds_title][]")
var compteur=0
var i=-1;
while (tabchecks[++i]){
       tabchecks[i].checked && compteur++}
alert(compteur +' checks coché(s)')
}
</script>
</head>
<body>
<form >
<input type="checkbox" id="FeedsPublished1" value="Football&nbsp;-&nbsp;Serie A -" name="data[feeds_title][]">
<input type="checkbox" id="FeedsPublished2" value="Football&nbsp;-&nbsp;Serie b!" name="data[feeds_title][]">
<input type='button' onclick="foo()" value="combien" />
</from> 
</body>
</html>

10/06/2010, 19h13
javatwister

et encore, avec 2 id identiques :mrgreen:

cool, vérifie pas à pas le html de ton form (balises closes, quotes,caractères oubliés dans les valeurs d'attributs );
c'est de l'ordre de la coquille, pas de l'erreur de programmation;
10/06/2010, 19h15
cool

ça m'affiche 40 malgré que j'en ai 20 checkbox
10/06/2010, 19h22
cool
j'ai trouvé une solution bien simple avec JQUERY :

Code:

$("input[type=checkbox]:checked").length

mais je veux empécher de passer à l'action /mon_prj/feeds/showfeedtitle
Code:

1 2 if ($("input[type=checkbox]:checked").length == 0) /* l'empecher d'executer l'action /mon_prj/feeds/showfeedtitle */
merci d'avance pour vos aides ils sont vraiment précieux.

ça marche aussi sur cet exemple simplisssste:

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
<form action="" id="form1" onsubmit="return check(this.elements['truc[w][]']);">
	<div>
		<input type="checkbox" name="truc[w][]" />
		<input type="checkbox" name="truc[w][]" />
		<input type="checkbox" name="truc[w][]" />
		<input type="checkbox" name="truc[w][]" />
		<input type="checkbox" name="truc[w][]" />
		<input type="checkbox" name="truc[w][]" />
		<input type="checkbox" name="truc[w][]" />
		<input type="checkbox" name="truc[w][]" />
		<input type="checkbox" name="truc[w][]" />
		<input type="checkbox" name="truc[w][]" />
		<input type="checkbox" name="truc[w][]" />
		<input type="submit" value="Saveeee"/>
	</div>
</form>
 
 
 
<script type="text/javascript">
 
 
function check(box){
 
var n=0;
 
for(ch=0;ch<box.length;ch++){
	if(box[ch].checked==true){
		n++
	}
}
 
alert(n)
 
return false
 
}
 
</script>

10/06/2010, 22h24
SpaceFrog

c'est fou ça ! je suis encore tombé dans le panneau du copier coller ...
c'est rectifié merci JT...

A mon avis là cool tu en fait exprès ...
on te file des codes fonctionnels et on te dit pourquoi les tiens ne fonctionnent pas...
Passer par jquery juste pour ça ... c'est un peu comme decapsuler une mignonette avec une grue... :roll:
10/06/2010, 23h28
cool

merci merci merci merci .............
Vous êtes les meilleurs :ccool:
:lahola: