Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#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 hmm

Merci par avance pour vos commentaires, explications et corrections smile

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 hmm

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

Wolf a écrit :

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 smile

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

Hors ligne

#10 Le 14/08/2008, à 20:56

Totor

Re : [RESOLU] JAVASCRIPT : récupérer value de radio

Keldath a écrit :

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

j'ai hésité à mettre cette remarque aussi wink


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

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

Hors ligne