RadioButton checked & Cie [Résolu]

[Iceman Y15]

Bonjour à tous,

Je post ici après de veines recherches et quelques quarts d'heures passé sur mon problème:

Voilà : j'ai 1 groupe de radio boutons définis comme suit:

Code :

1
2
3
4
 
<td><input type="radio" name="opt" id="opt" value="doct"/><label for="opt">Doctorat</label></td>
 
<td><input type="radio" name="opt" id="opt" value="mast"/><label for="opt">Master</label></td>

J'ai également un fichier javascript permettant de valider ou non les champs de mon formulaire et je voudrais tester la sélection de mon bouton

J'ai déjà essayer :

Code :

1
2
3
4
5
6
 
//test si le diplome a été choisi
if (document.formulaire.opt.checked == false)
{
	msg+= "Veuillez definir votre diplome\n";
}

Code :

1
2
3
4
5
6
 
//test si le diplome a été choisi
if (!document.formulaire.opt.checked)
{
	msg+= "Veuillez definir votre diplome\n";
}

Mais aucune de ces deux solutions ne marche. Pouvez vous faire quelque chose?

[Bovino]

Code :

if (!document.formulaire.opt.checked)

Comment veux-tu que JavaScript devine de quel input opt tu parles ?

Sinon, tu veux faire quoi au juste ? Vérifier qu'un radio a été coché ou savoir lequel ?

Pour la première option, il suffit d'en mettre un avec l'attribut

Code :

checked="checked"

, qui sera donc coché par défaut et donc, il n'y a plus de possibilité pour qu'aucun des radio ne soit sélectionné.
Pour l'autre option, il suffit de faire la vérification du checked dans une boucle sur le nombre de d'input radio concernés (

Code :

document.formulaire.getElementsByName('opt')

).

[Iceman Y15]

Oui je voudrais savoir si le bouton a été coché. Mais je veut tout de même laisser "null" par défaut car cette sélection est très importante et doit être sciemment renseignée donc mettre un checked par défaut pourrais induire une erreur de part un oubli de celui qui remplit le champ

Code :

1
2
3
4
 
if (document.formulaire.getElementsByName('opt').checked == false)	{
	msg+= "Veuillez selectionner un diplome pour lequel l'inscrire\n";
}

cela ne fonctionne pas et cela m'affiche:

Code :

1
2
3
4
 
Erreur*: document.formulaire.getElementsByName is not a function
Fichier Source*: http://127.0.0.1:8888/skelhtml5/js/script_verif_form.js
Ligne*: 78

[SpaceFrog]

ce que veut dire beef c'est qu''il faut boucler sur les éléments ... cf FAQ

[Iceman Y15]

je n'arrive toujours pas à tester la présence ou l’absence de choix. J'ai beau boucler sur le résultat du getElementbyName il ne fait même plus les autres tests et passe directement à l'insert dans ma base '-_-

[Bovino]

Tu peux montrer ton code ?

[andry.aime]

Bonjour,

1- getElementsByName n'est pas supporté par IE.
2- getElementsByName retourne un tableau donc il faut préciser l'indice.
3- Un id doit être unique dans un document.

Code :

1
2
3
4
5
6
7
var msg="";
var a = document.formulaire.elements["opt"];
for (int i=0; i<a.length; i++){
		if (!a[i].checked)	{
		msg+= "Veuillez selectionner un diplome pour lequel l'inscrire\n";
	}
}

A+.

[SpaceFrog]

1- getElementsByName n'est pas supporté par IE.

[andry.aime]

Envoyé par SpaceFrog

http://www.quirksmode.org/dom/w3c_co...#miscellaneous
oki oki,

Incorrect and incomplete

A+.

[SpaceFrog]

getElementsByName est une methode de document et est très bien interprété par IE comme par les autres navigateurs.

Après faut voir quels sont les éléments qui acceptent l'attribut name !!
A la base le name est réservé aux éléments de form...

[Iceman Y15]

Merci pour vos réponses, liens et autres tutos!