Récupérer un tableau checkbox en javacript

Version imprimable

25/10/2008, 14h57
persia

Récupérer un tableau checkbox en javacript
Bonjour,

Dans ma page php j'ai le code suivant:
Code:

1 2 3 for($i=0; $i<4 ; $i++){ echo "<input type='checkbox' name='livres[]' value='$i'>"; }
J'aimerai récupérer les valeurs des checkbox une fois cochés via le code javascript:
Code:

1 2 3 4 5 6 7 8 9 10 val=document.forms['monformulaire']; for(i=0; i<val.livres.length; i++){ if(val.livres[i].checked){ alert(val[i]); } }
Mais ça ne fonctionne pas.Je doute que c'est en lien avec les [] dans livres, mais je veux garder livres[]. Est-ce qu'il ya moyen ?

Merci

une petite recherche sur le forum ;) :

Code:

1
2
3
4
5
6
7
8
9
10
11
fonction verifCheck(){
var MesCheckBox =  document.forms['formulaire'].elements['livres[]'];
var CheckBoxCoche = new Array();
 
//On boucle sur le tableau de checkbox
for(var i = 0 , l = MesCheckBox.length ; i < l ; i++){
//On vérifit si coché , si oui on ajoute
if(MesCheckBox[i].checked){CheckBoxCoche.push(MesCheckBox[i]);}
}
alert("il y a  : "+CheckBoxCoche.length + " de checkbox cochées");
}

25/10/2008, 18h07
persia

Citation:

Envoyé par le_chomeur

une petite recherche sur le forum ;) :

En fait, j'ai cherché sur le forum mais pas assez je pense :D

Merci
27/10/2008, 02h13
persia

Heu, le code fonctionne juste quand j'ai plus qu'un checkbox dans ma page.
Dès que j'ai juste un seul, ca ne fonctionne plus !!

code mis a jour et testé :

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
 
function verifCheck(){
	var MesCheckBox =  document.forms['formulaire'].elements['livres[]'];
	var CheckBoxCoche = new Array();
 
	//Si il y a plus d'une checkbox : 
	//On boucle sur le tableau de checkbox
	if(MesCheckBox.length > 0){
		for(var i = 0 , l = MesCheckBox.length ; i < l ; i++){
		//On vérifit si coché , si oui on ajoute
			if(MesCheckBox[i].checked){CheckBoxCoche.push(MesCheckBox[i]);}
		}
	}
	else{
		if(MesCheckBox.checked){CheckBoxCoche.push(MesCheckBox);}
	}
	//Sinon
 
		alert("il y a  : "+CheckBoxCoche.length + " de checkbox cochées");
	}
 
</script>
</head>
<body>
<form name="formulaire" method="post">
<input type="checkbox" name="livres[]">
<input type="checkbox" name="livres[]">
<input type="checkbox" name="livres[]">
<input type="button" value="verifier" onclick="verifCheck()">
</form>
</body>
</html>

tu demandais un tableau de checkbox :p

27/10/2008, 16h32
persia

Citation:

Envoyé par le_chomeur

tu demandais un tableau de checkbox :p

Oui c'est vrai. :oops:

Merci :D