nombre de checkbox coché

**cool** · 10/06/2010, 16h55

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

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

**SpaceFrog** · 10/06/2010, 17h04

http://javascript.developpez.com/faq...ps#valCheckbox

**javatwister** · 10/06/2010, 17h10

si tu ne peux pas faire plus simple, tu boucles sur les éléments du form et tu testes le type "checkbox";

**SpaceFrog** · 10/06/2010, 17h11

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

**cool** · 10/06/2010, 17h23

Voici un petit extrait du code html

:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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]">

**E.Bzz** · 10/06/2010, 17h26

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

A corriger avant tout autre chose

A+

**javatwister** · 10/06/2010, 17h29

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

devrait te donner le nombre de chexbox(es);

**cool** · 10/06/2010, 17h29

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

**E.Bzz** · 10/06/2010, 17h31

Envoyé par cool

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

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+

**cool** · 10/06/2010, 17h36

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

je crois que c'est pas mon jour aujourd'hui

**E.Bzz** · 10/06/2010, 17h51

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

A+

**cool** · 10/06/2010, 18h07

j'ai l'ai mis dans une alerte

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

mais ça donne rein

**SpaceFrog** · 10/06/2010, 18h44

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

name="data[feeds_title][]

pas d'index !!

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByName("data[feeds_title][]").length

**cool** · 10/06/2010, 18h52

ça m'affiche toujours zero, même si je sélectionne 3 ou 4 checkbox ça m'affiche toujours zéro

je vais devenir dingue moi

**SpaceFrog** · 10/06/2010, 19h04

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

**SpaceFrog** · 10/06/2010, 19h10

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**javatwister** · 10/06/2010, 19h13

et encore, avec 2 id identiques

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;

**cool** · 10/06/2010, 19h15

ça m'affiche 40 malgré que j'en ai 20 checkbox

**cool** · 10/06/2010, 19h22

j'ai trouvé une solution bien simple avec JQUERY :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**javatwister** · 10/06/2010, 19h58

ça marche aussi sur cet exemple simplisssste:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

nombre de checkbox coché

JavaScript

Discussions similaires

Partager

Partager