Obtenir la valeur du bouton radio sélectionné

J'ai défini un ensemble de boutons radio dans le code HTML dans un formulaire comme suit. Le nom de mon formulaire est "MyForm". Lorsque la Femelle est sélectionné, je veux que la valeur d'une variable à être égal à "la Femme".

<fieldset data-role="controlgroup" data-type="horizontal" id="gender" name="gender">
                    <legend>Gender :</legend>
  <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
                        <label for="radio-choice-1">Male</label>

 <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"/>
                        <label for="radio-choice-2">Female</label>
                </fieldset>

J'ai essayé de var

genderValue = $('input[name=gender]:checked', '#MyForm').val()

Mais ce n'est pas de travail. Quelle est la bonne façon?

var selected ='checked="checked"'; var e = document.getElementById("etat"); var state_selected = e.les options de[e.selectedIndex].valeur; Essayez ceci
Pourquoi ne pas simplement avoir <input type="radio" name="gender" value="Male" /> <input type="radio" name="gender" value="Female" />
Je ne suis pas sûr de savoir pourquoi vous utilisez $('input[name=sexe], Vous devez utiliser $('input[name=radio-choix-1]:checked'.
Merci à vous Tous.. 🙂

OriginalL'auteur harsh | 2012-07-19

  1. 4

    vous pouvez stocker les valeurs(female,...), dans la valeur de l'attribut entrées, basé sur votre balisage, vous pouvez essayer ce qui suit:

    $('input[name="radio-choice-1"]').change(function(){
   var genderValue = $(this).next('label').text()
})

    mais je vous suggère celui-ci:

    <fieldset data-role="controlgroup" data-type="horizontal" id="gender" name="gender">
   <legend>Gender :</legend>
   <input type="radio" name="radio-choice-1" id="radio-choice-1" value="Male" checked="checked" />
   <label for="radio-choice-1">Male</label>
   <input type="radio" name="radio-choice-1" id="radio-choice-2" value="Female"/>
   <label for="radio-choice-2">Female</label>
</fieldset>

    $('input[name="radio-choice-1"]').change(function(){
   var genderValue = this.value
})
    Merci beaucoup l'ami! 🙂

    OriginalL'auteur undefined

  2. 1

    Votre problème a été résolu comme ci-dessous:

    HTML:

    <form id="MyForm" name="MyForm" method="post">
  <fieldset>
    <legend>
      Gender
    </legend>
    <div id="panel">
      <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" />
      <label for="radio-choice-1">
        Male
      </label>
      <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2" />
      <label for="radio-choice-2">
        Female
      </label>
    </div>
    <div id="result">
    </div>
  </fieldset>
</form>

    jQuery:

    $(function() {
    $('input[name="radio-choice"]').change(function() {
        var genderValue = $(this).next('label').text();
        $("#result").html("<p> You have selected " + genderValue + ".");
    })
});

    J'ai fait des bacs sur http://codebins.com/bin/4ldqpaa

    OriginalL'auteur gaurang171

  3. 1

    Cela peut utile à quelqu'un, Voici un autre moyen de récupérer le bouton d'option sélectionné valeur

    var gender = $('input[name="radio-choice-1"]:checked').val();

    Réglage de l'id de boutons radio est en option ici.

    Amusez-vous!....

    OriginalL'auteur Sudhir