Récupérer la valeur d'un bouton radio

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Récupérer la valeur d'un bouton radio

Re: Récupérer la valeur d'un bouton radio

par Aureusms » 17 mars 2012, 04:07

Tu peux aussi les nommer vu que tu as utilisé un id :

<input type="radio" name="sexe" value="homme" id="sexe_0" onclick="sexy(this.id);" />
function sexy(identification){
if (typeof(document.getElementById(identification)) != "undefined")
{
   var ide = document.getElementById(identification);
   if(ide.checked==true)
   {
      alert("homme");//bouton radio 1
    }else{
       alert("femme");//bouton radio 2
   }
...

Re: Récupérer la valeur d'un bouton radio

par foetus69 » 16 mars 2012, 17:43

LA SOLUTION :

Code : Tout sélectionner

<script> function sexy(){ if(document.forms[0].sexe[0].checked==true) { alert("homme");//bouton radio 1 }else{ alert("femme");//bouton radio 2 } } </script>
Le sexe[0] correspond au premier élément du groupe, [1] le 2ème, [2] le 3ème etc...

Si ca peut aider ;)

Récupérer la valeur d'un bouton radio

par foetus69 » 16 mars 2012, 15:48

Bonjour,

J'ai beau cherché (je cherche probablement mal) mais je n'arrive pas à récupérer la valeur d'un bouton radio dans un groupe.

Il me semble pourtant avoir la bonne syntaxe...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script>
function sexy(){
alert(document.myform.sexe.value);
}
</script>
</head>

<body>
<form action="" method="post" name="myform">
  <p>
    <label>
      <input type="radio" name="sexe" value="homme" id="sexe_0" onclick="sexy();" />
      homme</label>
    <br />
    <label>
      <input type="radio" name="sexe" value="femme" id="sexe_1" onclick="sexy();" />
      femme</label>
  </p>
  <p><br />
  </p>
</form>
</body>
</html>
L'idée étant de dire, si bouton = homme alors ceci et si bouton = femme alors cela

Merci de votre aide.

F69