Wie bekomme ich den text des ausgewählten radio in die radio-Gruppen

wie gesagt im Titel
zum Beispiel:

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

wie bekomme ich den text:Benutzer 1

InformationsquelleAutor Michael | 2010-01-25

  1. 17

    $('input:radio:checked').Geschwister('label:first').html()

    UPDATE:

    Wie bereits von Victor in den Kommentaren der vorherigen Selektor wird immer markieren Sie das erste Etikett. Die weiter Funktion sollte funktionieren:

    $('input:radio:checked').next('label:first').html()
    und wenn die Reihenfolge der html-Elemente ändert, sind Sie geschraubt 🙂
    Und dieses wählt immer das erste label, das in der DOM-Reihenfolge nicht das nächste!!
    sind Sie richtig. Vielen Dank für diesen Hinweis. Ich aktualisiert meine Antwort.
    Sie sind herzlich willkommen!

    InformationsquelleAutor Darin Dimitrov

  2. 6

    wie über dieses?

    var forLabel = $('input:radio:checked').attr("id");
$("label[for='" + forLabel + "']").text();
    Gute Allgemeine Idee, aber Sie wollen, verwenden Sie eine andere variable name – for ist ein reserviertes Wort.
    wenn es viele Gruppen, wie kann ich das bekomme, was ich will?
    geändert Variablen-name.
    wenn es mehr als 1 Gruppe, Sie können auswählen, welche Gruppe Sie benötigen, mit der name-Attribut der radiobutton-Komponente

    InformationsquelleAutor Natrium

  3. 3

    verwenden .next();

    $("input:radio:checked").next().text();

    InformationsquelleAutor Reigel

  4. 2

    Dies funktioniert für mich (ich war unter Verwendung von jQuery Mobile):

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

    DOM:

    <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

    Was ist mit der nächsten Benachbarten Selektor, +?

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

    Hier ein Arbeiten Demo

    InformationsquelleAutor Russ Cam

Schreibe einen Kommentar