nommage de checkbox obligatoire

**raton_laveur** · 11/05/2013, 15h59

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 html :

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

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 :

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

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 html :

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

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.

**raton_laveur** · 11/05/2013, 21h01

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.

Aucun prix à l'arrivée

**SpaceFrog** · 11/05/2013, 21h13

Ben tu as changé le name ...

change le aussi dans ton script

Code :

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

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

**raton_laveur** · 12/05/2013, 11h42

Bonjour SpaceFog,

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

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

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

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

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

**SpaceFrog** · 12/05/2013, 17h16

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

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

Code :

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

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

EN METTANT LES []

**raton_laveur** · 12/05/2013, 20h21

Merci ça marche.

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

Yooupi !

nommage de checkbox obligatoire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager