nombre de checkbox coché

Version imprimable

Voir 40 message(s) de cette discussion en une page

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>

Voir 40 message(s) de cette discussion en une page