Boucler sur des checkboxes multiples

Version imprimable

Bonjour,

Imaginons le formulaire suivant :
Code:

1 2 3 4 5 6 <form name="SelectionFruits"> <input type="checkbox" name="Fruits[]" value="Orange" /> Orange <input type="checkbox" name="Fruits[]" value="Fraise" /> Fraise <input type="checkbox" name="Fruits[]" value="Banane" /> Banane <input type="submit" /> </form>
Je souhaite que l'utilisateur sélectionne au moins un fruit.

Mes checkboxes étant multiples, je ne parviens pas à utiliser document.SelectionFruits.Fruits.length afin de boucler dessus et compter combien de fruits ont été cochés...

Une astuce pour y accéder ?

Merci ! :)
Ben

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
<script type="text/javascript">
 
function fonction(){
	var i; var count=0;
	var form=document.SelectionFruits;
	var fruits=form.Fruits;
 
	for(i=0; i<fruits.length; i++){
		if(fruits[i].checked){
			count++;
		}
	}
 
	if(count>0){
		form.submit();
	}
	else{
		alert("Veuillez cocher au moins une case");
	}
}
 
</script>
 
<form name="SelectionFruits">
<input type="checkbox" name="Fruits" value="Orange" /> Orange
<input type="checkbox" name="Fruits" value="Fraise" /> Fraise
<input type="checkbox" name="Fruits" value="Banane" /> Banane
<input type="button" onclick="fonction();" value="Valider" />
</form>

Tu noteras que j'ai changé le type "submit" en "button" pour le bouton "valider".
Je ne vois pas où est le problème... Tu ignorais peut-être la propriété "checked" des checkbox et radiobox ?

01/10/2012, 17h17
SpaceFrog

en conservant ton nommage multiple, il suffit de boucler sur

Code:

document.getElementsByName('fruits[]')