pb checkbox javascript php

Version imprimable

19/02/2008, 12h10
landreaubis

pb checkbox javascript php

Bonjour,

J'aimerai savoir comment faire une vérification en javascript de plusieurs checkbox?

en gros dans mon formulaire j'ai :

while($row = mysql_fetch_object($res))
{
echo '<tr><td><INPUT type="checkbox" name="choix[]" id="choix" value="'.$row->category.'"></td><td>'.$row->category.'</td></tr>';

}

dans ma fonction javascript j'ai :

for(val1=0;val1 < document.formulaire.choix.length; val1++)
{
if(document.formulaire.choix[val1].checked == true)
{
testchoix=1;
}
}

En gros mon compte vérifie si il y a au moins une case cochée.
Le problème est que la fonction ne fonctionne pas.

Si j'enlève les [] dans mon formulaire, la fonction javascript fonctionne mais du coup ma récupération en php ne marche plus, le retour de la variable prend la dernière case cochée.

Avez-vous une solution?

Merci d'avance.

essaye avec ça :

Code:

1
2
3
4
5
6
7
8
var listeInput = document.getElementsByTagName("input");
for(val1=0;val1 < listeInput.length; val1++)
{
if(listeInput[val1].type == "checkbox" && listeInput[val1].checked == true)
{
testchoix=1;
}
}

je croix si tu nomme les check box par des num c mieux voici un exemple qui semble fonctionnelle

Code:

1
2
3
4
5
6
7
 
$i = 0;
while($row = mysql_fetch_object($res))
{
echo '<tr><td><INPUT type="checkbox" name="choix" id="'.$i.'" value="'.$row->category.'"></td><td>'.$row->category.'</td></tr>';
$i++;
}

après pour la vérification

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function tst_cbx()
{
	ref=document.getElementById('demo');
	result=false;
	for (i=0; i<ref.choix.length; i++)
	{
		if (ref.choix[i].checked) 
		{
			result=true;
			break;
		}
 
	}
 
	alert((result) ? "Ok":"Cochez au moins une case SVP !");
}

19/02/2008, 13h54
landreaubis

Est-ce que ça va résoudre le problèmede récupération de mon tableau en php?

Car la, vous n'avez pas remis les [] pour signaler le tableau.

Du coup est-ce qu'il ne va pas prendre la dernière case cochée?
19/02/2008, 13h59
landreaubis

Merci a vous le_chomeur.

Je viens de tester et cela fonctionne très bien.

Encore merci

Je t'en prie :)
pour explication :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
//Cette ligne récupère TOUS les input de la page
var listeInput = document.getElementsByTagName("input");
 
//A partir de la on va boucler tant qu'il y a des éléments dans le tableau d'input
for(val1=0;val1 < listeInput.length; val1++)
{
//Et ici on test si l'input est de type checkbox et si oui s'il est checké
if(listeInput[val1].type == "checkbox" && listeInput[val1].checked == true)
{
testchoix=1;
}
}

Voila bon courage pour la suite :)