nommage de checkbox obligatoire

Version imprimable

11/05/2013, 15h59
raton_laveur

nommage de checkbox obligatoire
Bonjour,

Mon code de test du champ obligatoire des checkbox ne marche plus après l'avoir renommé pour mes besoins php. Je m'explique.

j'ai un champ checkbox qui doit obligatoirement être rempli.
Code:

1 2 3 <br><input type="checkbox" name="lg" value="1">fr <br><input type="checkbox" name="lg" value="2">en <br><input type="checkbox" name="lg" value="3">es
Pour tester que l'une des valeurs a été cochée, j'utilise le javascript suivant :
Code:

1 2 3 4 var vlg = document.getElementsByName('lg'); for(var i=0; i<vlg.length; i++){ ... test si on a coché }
Le code ci-dessus marchait parfaitement jusqu'à ce que je veuille récupérer les valeurs cochées en php. J'ai donc remplacé le nom lg par lg[].
Code:

1 2 3 <br><input type="checkbox" name="lg[]" value="1">fr <br><input type="checkbox" name="lg[]" value="2">en <br><input type="checkbox" name="lg[]" value="3">es
Je récupère bien les valeurs en php, mais le test du champ obligatoire en javascript ne passe plus.

vlg.length retourne 0, on ne rentre jamais dans la boucle de test

J'ai besoin de vos lumières pour ne pas construire une mini usine à gaz.

raton des champs.
11/05/2013, 21h01
raton_laveur

Personne ?

:( Personne ne peut me répondre ?

Je m'étonne que cela n'ai jamais été traité. Cela doit être très connu.

Je résume ou plutôt je vous pose une colle :
Essayer de faire un programme simple
1/ une page avec 1 groupe de 3 checkbox.
2/ L'utilisateur clique sur le bouton "Valider"
Si aucun des checkbox n'est rempli, alors afficher à l'utilisateur "au moins une valeur doit être sélectionné".
3/ Une fois le test de champ obligatoire passé, le formulaire est traité par un fichier php qui affiche les valeurs sélectionnées dans les checkbox.

Cela paraît simple, c'est c'est monstrueusement affreux à résoudre simplement.

Merci à la personne qui arrivera à passer cette épreuve le plus simplement du monde. :ccool:
Aucun prix à l'arrivée :mrgreen:
11/05/2013, 21h13
SpaceFrog

Ben tu as changé le name ...

change le aussi dans ton script

Code:

var vlg = document.getElementsByName('lg[]');

Bonjour SpaceFog,

oui, je l'ai fait.
Voici l'ancien script qui marche :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
function check_civilite(){
	var id = document.getElementsByName('civ');
	for(var i=0; i<id.length; i++){
		alert(id[i].checked);
	}
}
</script>
<body>
<form>
<br><input type="checkbox" name="civ" value="1">M
<br><input type="checkbox" name="civ" value="2">Mme
</form>
<input type=button value="civilite" onclick="check_civilite();">
</body>

Et le nouveau qui ne fonctionne pas:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
function check_civilite(){
	var id = document.getElementsByName('civ');
	for(var i=0; i<id.length; i++){
		alert(id[i].checked);
	}
}
</script>
<body>
<form>
<br><input type="checkbox" name="civ[]" value="1">M
<br><input type="checkbox" name="civ[]" value="2">Mme
</form>
<input type=button value="civilite" onclick="check_civilite();">
</body>

Dans le dernier cas, je ne sais pas comment accéder au tableau,
id[0][0].checked renvoie undefined ...

:calim2:

Ca doit être tout bête mais chiant à mourir

12/05/2013, 17h16
SpaceFrog

as tu au moins lu ma réponse ?????

si le name des checkboxes est lg[]
tu recupères la colletcion avec

Code:

var vlg = document.getElementsByName('lg[]');

EN METTANT LES []
12/05/2013, 20h21
raton_laveur

Merci ça marche.:ccool:
Oui, j'avais lu ton message et j'avais changé mon script, mais pas comme il le fallait. Car je ne pensais pas qu'on pouvait mettre des accolades dans le getElementsByName.

Je savais qu'il y avait une solution toute simple. Bon j'aurais appris qql chose ce soir :mouarf:

Yooupi !