Comment puis-je obtenir le texte de la radio sélectionnée dans les groupes de radio

comme dit dans le titre
par exemple:

<input id="User_Type_0" type="radio" name="User_Type" value="1" checked="checked" />
<label for="User_Type_0">User1</label>
<input id="User_Type_1" type="radio" name="User_Type" value="2" />
<label for="User_Type_1">User2</label>

comment puis-je obtenir le texte:l'Utilisateur 1

InformationsquelleAutor Michael | 2010-01-25
  1. 17

    $('input:radio:checked').les frères et sœurs('label:first').html()

    Mise à JOUR:

    Comme l'a souligné Victor dans la section des commentaires de la précédente sélecteur, sélectionnez toujours la première étiquette. Le prochaine de la fonction de travail:

    $('input:radio:checked').next('label:first').html()
    • et si la commande de l'html-éléments changements, vous êtes foutus 🙂
    • Et ce toujours sélectionne la première étiquette ordre DOM pas le prochain!!
    • vous êtes correct. Merci de souligner ce point. J'ai mis à jour ma réponse.
    • Vous êtes les bienvenus!
    InformationsquelleAutor Darin Dimitrov
  2. 7

    comment à ce sujet?

    var forLabel = $('input:radio:checked').attr("id");
$("label[for='" + forLabel + "']").text();
    • Bonne idée, mais vous aurez envie d'utiliser un autre nom de variable – for est un mot réservé.
    • si il y a beaucoup de groupes, comment puis-je obtenir ce que je veux?
    • modifié la variable nom.
    • si il y a plus de 1 groupe, vous pouvez sélectionner le groupe que vous avez besoin avec le name-attribut du composant radiobutton
    InformationsquelleAutor Natrium
  3. 3

    utilisation .next();

    $("input:radio:checked").next().text();
    InformationsquelleAutor Reigel
  4. 2

    Cela fonctionne pour moi (je suis a l'aide de jQuery Mobile):

    var value = $(":radio[name=location]:checked").val();
var text = $(":radio[name=location]:checked").prev("label").text();

    Les DOM pour cette:

    <div id="locations" data-role="controlgroup" class="ui-controlgroup ui-controlgroup-vertical ui-corner-all">
   <div class="ui-controlgroup-controls ">
      <div class="ui-radio">
         <label for="location0" class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-radio-off ui-first-child">1439</label>
         <input type="radio" name="location" id="location0" value="1439">
      </div>
      <div class="ui-radio">
         <label for="location1" class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-radio-off ui-last-child">1440</label>
         <input type="radio" name="location" id="location1" value="1440">
      </div>
   </div>
</div>
    InformationsquelleAutor Paul Vargas
  5. 1

    Que sur l'utilisation de la prochaine Adjacent Sélecteur, +?

    $('input:radio:checked + label').text();

    Voici un Travail De Démonstration

    InformationsquelleAutor Russ Cam