PHP

Les checkbox en php et JS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Les checkbox en php et JS

malicious

Bonjour,
J'ai un problème avec les checkbox lorsque je veux les utiliser à la fois avec php et javascript.

Dans le formulaire si j'écris :

Code :

<input type="checkbox" name="check[]" value="v1">
<input type="checkbox" name="check[]" value="v2">
<input type="checkbox" name="check[]" value="v3">

Je peux récupérer en php les cases cochées par un truc du genre :

Code :

foreach ($_POST['check'] as $choix){ .... }

Par contre ça ne fonctionne plus lorsque je veux accéder en Javascript:

Code :

for(i=0;i<document.form1.check.length;i++)
if(document.form1.check[i].checked) {.....}

Le problème vient des [] dans le formulaire. Si je les enlève, Javascript fonctionnera mais plus php... Comment faire alors?

Publicité

NewsletTux

<Insérez ici votre vie />

Salut,

eh bien je propose une autre solution plus récente :

Code :

<input type="checkbox" id="box1" name="check[]" value="v1">
<input type="checkbox" id="box2" name="check[]" value="v2">
<input type="checkbox" id="box3" name="check[]" value="v3">

Puis le JS qui va bien :

Code :

for(i=0;i<document.form1.check.length;i++)
if(document.getElemebtById('box' + i).checked) {.....}

---------------
NewsletTux - outil de mailing list en PHP MySQL

jeca

Bonjour,

Un exemple :

Code :

<html>
<head>
<script type="text/javascript">
function ctrl(formulaire)
{
var elt = formulaire.elements['check[]'];
var nb = elt.length;
for (var i = 0; i < nb; i ++)
{
if (elt[i].checked)
alert('checkbox ' + (i + 1) + ' cochée');
else
alert('checkbox ' + (i + 1) + ' non cochée');
}
return false;
}
</script>
</head>
<body>
<form name="test" method="post" action="" onsubmit="return ctrl(this)">
<input type="checkbox" name="check[]" value="v1"><br>
<input type="checkbox" name="check[]" value="v2"><br>
<input type="checkbox" name="check[]" value="v3"><br>
<input type="submit" value="valider">
</form>
</body>
</html>

malicious

Ah oui! je vais tester ces solutions. J'ai déjà utilisé getElemebtById() mais je n'y avais pas pensé pour contourner ce problème. Merci

Message édité par malicious le 01-07-2008 à 12:12:48

bul3

bonjour,

"ou alors"

<form name="form1" ...>

1. <input type="checkbox" id="box1" name="check[]" value="v1">
2. <input type="checkbox" id="box2" name="check[]" value="v2">
3. <input type="checkbox" id="box3" name="check[]" value="v3">
...
</form>

1. for(i=0;i<document.form1["check[]"].length;i++)
2. if(document.form1["check[]"][i].checked) {.....}

@+

Message édité par bul3 le 01-07-2008 à 12:33:46

---------------
[mon site] [m'écrire]

malicious

Merci à bul3 aussi. Ta version est en fait la même que NewsletTux mais qui marche. En effet, c'est le document.form1.check.length de la boucle qui plante alors que document.form1["check[]"].length fonctionne.

NewsletTux

<Insérez ici votre vie />

oui, c'est le seul truc de ma proposition que j'ai laissé tel quel ... En fait, document.forms c'est l'ancienne écriture, il aurait presque mieux valu tester, via l'ID, chaque item du form et si c'est une checkbox, alors rentrer dans la condition ...

---------------
NewsletTux - outil de mailing list en PHP MySQL

malicious

oui en fait tout ceci fonctionne bien maintenant exepté s'il n'y a qu'une seule checkbox !

Que ce soit document.form_del["check[]"].length de bul3 ou document.form_del.elements['check[]'] de Jeca ils retournent undefined s'il y a 1 checkbox.

Pour contourner ce petit problème je fais comme ceci:

Code :

if((nb=document.form1["check[]"].length)==undefined) nb=1;
for(i=0;i<nb;i++)
if(document.getElementById("check"+i).checked){ ....... }

bul3

oui.
on ne peut pas utiliser d'indice si ce n'est pas un tableau

soit tester si .length existe
d'ailleurs if (document.form1["check[]"].length) suffit
soit créer un 1er poste bidon ( et caché ) et faire la boucle à partir
de l'indice 1 au lieu de 0 ( et ce serait plus mieux à mon humble avis )

remarque : j'utilisais
1. for( i=0; i < document.form1["check[]"].length; i++ )
2. if( document.form1["check[]"][i].checked ) {.....}

Cordialement.

Message édité par bul3 le 03-07-2008 à 10:04:56

---------------
[mon site] [m'écrire]

malicious

Excellente solution que de d'utiliser une checkbox invisible, cela evite le test. Merci à vous tous pour toutes ces idées !

FORUM HardWare.fr

Programmation

PHP

Les checkbox en php et JS

Sujets relatifs
[JS] Quel centre de formation pour une initiation au JS ?	PB : masquer checkbox d'un treeview
Afficher des resultats sur plusieurs pages (checkbox)	Problème infobulle JS sous IE
[JS] fondu de couleur de background d'une div	[JS]Sélectionner feuille de style + script selon la résolution
[PHP] Variables dynamiques et Checkbox	Form en variable JS
[JS/Ajax/Prototype] Problème de transmission de variables et paramètre	Assigner à une variable JS le contenu d'un champ
Plus de sujets relatifs à : Les checkbox en php et JS

Page générée en 0.086 secondes