Récupérer un tableau checkbox en javacript

**persia** · 25/10/2008, 14h57

Bonjour,

Dans ma page php j'ai le code suivant:

Code :

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

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 :

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

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

**le_chomeur** · 25/10/2008, 17h05

une petite recherche sur le forum

:

Code :

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

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");
}

**persia** · 25/10/2008, 18h07

Envoyé par le_chomeur

une petite recherche sur le forum

:

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

Merci

**persia** · 27/10/2008, 02h13

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

**le_chomeur** · 27/10/2008, 09h48

code mis a jour et testé :

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