get-text-label, das gehört überprüft, radio button

Ich versuche, das text des labels gehören checked radio-buttons, aber scheinen nicht ganz zu können.

$(document).ready(function(){
  $("body").on("click", "#btn", function(){

    var radios = $("input[type='radio']");

    $.each(radios, function(index, element){
      if ($(this).prop("checked") === true){

        var radioID = element.id;
        $("label").each(function(ind, elm){

          if ($(elm).prop("for") == radioID){
            console.log($(elm)); 
          }

        });
      }
    });
  });
});

jsbin

Aus welchem Grund auch immer, nur druckt

--
[11:07:13.834] ({0:({}), Kontext:({}), length:1}) @ http://jsbin.com/uniwum/2/edit:71

in der Konsole. Was habe ich falsch gemacht?

InformationsquelleAutor 1252748 | 2013-02-28

jquery

32

Tun auf diese Weise:-
```
$('#btn').click(function() {
    $("input[type='radio']:checked").each(function() {
        var idVal = $(this).attr("id");
        alert($("label[for='"+idVal+"']").text());
    });
});
```
Finden LIVE-DEMO

AKTUALISIERT:

Unten sind Dokumentation Referenzen:-
- Kategorie: Selektoren
- Attribut Entspricht Selektor [name="Wert"]
das ist cool. Wo ist die Dokumentation, was genau Sie können in diesen Klammern in einem jquery-Selektor? input[type='text'] label[for='something' etc? Scheint wirklich praktisch. Danke!!!
Aktualisiert die Antwort
danke für die Dokumentation. Ich denke, das ist eine gute Lösung.
nur code, der zu funktionieren schien. Dank

InformationsquelleAutor Siva Charan
4

Versuchen Sie dies:
```
$('#btn').click(function(){
    $('table input[type="radio"]').each(function(){
        if($(this).is(':checked')){
        console.log($(this).parent().next().find('label').text());
        }
    });
});
```
jsFiddle-Beispiel

Update: Da sind Sie radio-buttons, eine noch schnellere Methode ist:
```
$('#btn').click(function(){
    console.log( $('table input[type="radio"]:checked').parent().next().find('label').text() );
});
```
jsFiddle-Beispiel

Dieser funktioniert. Danke. Wissen Sie, warum mein Weg nicht?
In der Methode, es sieht aus wie Sie nur vergessen, den Anruf zu .text(). E. g. $(elm).text()
Ja, ich weiß. Ich war einfach nur zu versuchen, um das element selbst zu drucken, um das Protokoll, bevor ich es Tat text(). Ich habe nur gefragt, warum es nur gedruckt [11:07:13.834] ({0:({}), context:({}), length:1}) als Gegensatz zu zeigen, in ein jquery-Objekt.

InformationsquelleAutor j08691
0

Müssen Sie rufen Sie die .text() - Funktion, um den text des Elements, sobald Sie es ausgewählt, wie diese: $(elm).text().

In diesem Fall, da elm ist ein DOM-Knoten, der bereits ist, rufen Sie einfachen elm.innerHTML für das gleiche Ergebnis.

InformationsquelleAutor Elliot Bonneville
0

Versuchen, diesen code :
```
$("td",$(":checked").parent().parent()).text()
```
Link zum jsFiddle http://jsfiddle.net/rQX7H/2/

seine einfache eine Zeile code. Versuchen Sie, diese
Danke. Können Sie erklären, was geschehen ist, das Komma in der Auswahl?
wählen Sie td , sagt look in $(":checked").parent().parent() gibt die gesamte Zeile und erhalten die td-text
Ich sehe. Ich weiß nicht, wie ich mich fühle, über das Zusammenfügen parent().parent(). Scheint, wie diese Art der Sache ist irgendwie chaotisch. Danke aber.
Die nur eine Zeile code... chaotisch ???? sowieso ist das ok

InformationsquelleAutor

Können Sie dies tun, ist in vielerlei Hinsicht abhängig von der HTML-geschrieben für die radio-Taste und der text für den radio-button, ich bin Sichtung 2 der Möglichkeiten, die getan werden kann, mit sehr weniger Anstrengungen.

Methode 1:
Weisen Sie benutzerdefinierte Daten-Attribute auf den radio-button mit demselben text, die angezeigt werden.

    <input id="radio4" name="radios1" type="radio" value="4" data-value="radio 4" /> radio 4
    <input id="radio5" name="radios1" type="radio" value="4" data-value="radio 5"/> radio 5
    <input id="radio6" name="radios1" type="radio" value="4" data-value="radio 6"/> radio 6
    <input type="button" id="btn" value="Get from data-value" />

Für details, Benutzerdefinierte Daten-Attribute finden Sie unter : Custom Data -* - Attribute

Skript für den text :

$(document).on("click", "#btn", function () {
            var value = $("input[name=radios1]:checked").attr("data-value");
            alert(value);
        });

Methode 2:
Konvertieren der html-Code für die radio-buttons so weisen Sie eine gleiche [name] Eigenschaft für alle von Ihnen, dann legen Sie "Beschriftung" Felder für die radio-buttons unten

<input id="radio1" name="radios" type="radio"/>
        <label for="radio1"> radio 1</label>
    <input id="radio2" name="radios" type="radio"/>
        <label for="radio2"> radio 2</label>
    <input id="radio3" name="radios" type="radio"/>
        <label for="radio3"> radio 3</label>
    <input type="button" id="btn1" value="Get from Label" />

Skript für den text :

$(document).on("click", "#btn1", function () {
        var idVal = $('input[name=radios]:checked').attr("id");
        $("label[for='"+idVal+"']").text();
        //If you have the radio button in HTML table structure write it as below
        $('input[name=radios]:checked').parent().find('label').text();
    }

Hoffe, das hilft 🙂

InformationsquelleAutor D.T.

$("input[type='radio']:checked").parent().text()

InformationsquelleAutor Melu

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

AKTUALISIERT: