#1 Le 14/08/2008, à 15:42
- Astier
[RESOLU] JAVASCRIPT : récupérer value de radio
Bonjour,
J'essaye en vain de récupérer la value d'un bouton radio de formulaire pour l'afficher dans une fenêtre confirm.
Voici le code HTML du formulaire :
<html>
<body>
<form name="enquete" action="#" method="get"
onreset="return annul ()" onsubmit="return soum ()">
<table>
<TR>
<TD align="left" colspan="2" title="Un seul choix
possible.">
<input type="radio" name="sexe" value="M.">M.
<input type="radio" name="sexe" value="Mme">Mme
<input type="radio" name="sexe" value="Mlle">Mlle</TD>
</TR>
<TR>
<TD>
<TR>
<TD>NOM :</TD>
<TD><input name="nom" type="text"></TD>
</TR>
<TR>
<TD>Prénom :</TD>
<TD><input name="prenom" type="text"></TD>
</TR>
</table>
<input type="submit" name="valid" value="Valider">
<input type="reset" name="reset" value="Réinitialiser">
</form>
</body>
</html>
Et voici le code javascript :
function annul ()
{
var s = window.confirm ("Êtes-vous sûr de vouloir réinitialiser ce formulaire ? \n Vous serez obligé de remplir à nouveau tous les champs.");
return s;
};
function soum ()
{
var n = document.enquete.nom.value;
var p = document.enquete.prenom.value;
var i;
for (i=0;i<3;i++)
{
if (document.enquete.sexe[i].selected)
{
var s = document.enquete.sexe[i].value;
}
}
var e = window.confirm ("Voulez-vous soumettre les données suivantes au serveur ? \n \n" + s +" " + n + " " + p);
if (e == false)
{
window.alert ("Les éléments saisis ont été conservés.");
return false;
}
else
{
window.alert ("Merci d'avoir pris le temps de répondre à ce formulaire.");
return true;
};
};
Le problème c'est que je ne parviens pas à récupérer la valeur du radio bouton "sexe" sélectionné, je n'obtiens qu'un "undefined" dans la fenêtre confirm
Merci par avance pour vos commentaires, explications et corrections
A bientôt.
Dernière modification par Astier (Le 17/08/2008, à 14:49)
Hors ligne
#2 Le 14/08/2008, à 15:48
- Wolf
Re : [RESOLU] JAVASCRIPT : récupérer value de radio
il me semble que le form doit avec pour id = enquete :
<form id="enquete" name="enquete" action="#" method="get"
à tester.
"On a pas besoin de leurs dollars. Juste des rêves et sa guitare".
Hors ligne
#3 Le 14/08/2008, à 16:11
- Astier
Re : [RESOLU] JAVASCRIPT : récupérer value de radio
Aucun changement en rajoutant l'id enquete dans la balise form.
J'ai essayé de passer par ce code :
if (document.enquete.sexe[0].selected == true)
{
var s = document.enquete.sexe[0].value;
}
if (document.enquete.sexe[1].selected == true)
{
var s = document.enquete.sexe[1].value;
}
if (document.enquete.sexe[2].selected == true)
{
var s = document.enquete.sexe[2].value;
}
mais sans changement : j'obtiens toujours undefined
Hors ligne
#4 Le 14/08/2008, à 16:19
- Wolf
Re : [RESOLU] JAVASCRIPT : récupérer value de radio
ton code HTML n'est pas complet là?!! Ou est le buton d'envoi des données?
"On a pas besoin de leurs dollars. Juste des rêves et sa guitare".
Hors ligne
#5 Le 14/08/2008, à 16:29
- Astier
Re : [RESOLU] JAVASCRIPT : récupérer value de radio
ton code HTML n'est pas complet là?!! Ou est le buton d'envoi des données?
Désolé, oubli lors de la simplification du code HTML. Corrigé dans le premier post.
A+
Hors ligne
#6 Le 14/08/2008, à 20:20
- Totor
Re : [RESOLU] JAVASCRIPT : récupérer value de radio
Mes très vieux souvenirs de javascript (cela date de 2004) me font dire que tu te trompes de propriété :
ce n'est pas selected mais checked que tu dois utiliser pour tester l'option choisie. (j'ai essayé et ça marche) :
document.enquete.sexe[i].checked
Note : avant ton confirm, tu devrais tester le contenu de tes variables....
-- Lucid Lynx --
Hors ligne
#7 Le 14/08/2008, à 20:28
- Astier
Re : [RESOLU] JAVASCRIPT : récupérer value de radio
Merci beaucoup Totor, en effet ça marche beaucoup mieux
Et pour la vérification des variables, c'est prévu mais j'y vais à mon rythme - je redoute un peu les expressions régulières à vrai dire. Je reposterai ici en cas de problème avec la vérification.
En gros j'ai profité de mes vacances pour me mettre au HTML/CSS et maintenant javascript donc j'ai pas de "cahier des charges" donc j'essaye de faire ce qui peut être utile un jour.
Merci et à+
Hors ligne
#8 Le 14/08/2008, à 20:30
- Totor
Re : [RESOLU] JAVASCRIPT : récupérer value de radio
pense à mettre [résolu]...
-- Lucid Lynx --
Hors ligne
#9 Le 14/08/2008, à 20:40
- Keldath
Re : [RESOLU] JAVASCRIPT : récupérer value de radio
Je rajouterai :
var i;
var tab = document.getElementsByName('sexe');
for (i=0;i<tab.length;i++)
{
if(tab[i].checked)
{
var s = tab[i].value;
break;
}
}
C'est si jamais un jour tu ne connais pas à l'avance le nombre de boutons radio lors de la validation du formulaire (génération de boutons radio dynamiques), avec ceci pas de soucis.
Hors ligne
#10 Le 14/08/2008, à 20:56
- Totor
Re : [RESOLU] JAVASCRIPT : récupérer value de radio
C'est si jamais un jour tu ne connais pas à l'avance le nombre de boutons radio lors de la validation du formulaire (génération de boutons radio dynamiques), avec ceci pas de soucis.
j'ai hésité à mettre cette remarque aussi
-- Lucid Lynx --
Hors ligne
#11 Le 17/08/2008, à 14:49
- Astier
Re : [RESOLU] JAVASCRIPT : récupérer value de radio
Merci beaucoup à tous les deux
A bientôt.
Hors ligne
#12 Le 21/08/2008, à 15:57
- Astier
Re : [RESOLU] JAVASCRIPT : récupérer value de radio
Je me suis mis à écrire le code pour la vérification du formulaire mais je rencontre un petit problème que j'ai exposé ici : http://forum.ubuntu-fr.org/viewtopic.php?pid=2015674
Si ça vous tente...
Hors ligne