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

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

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

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

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

Qui est en ligne