получить связанный текст метки переключателя, используя JavaScript

Question

<label for="radio1">
        This Radio Button 1 has a label associated with it.</label>
    <input type="radio" name="Radio" id="radio1" />

код выше имеет метку и переключатель, метка связана с переключателем, использующим атрибут for.

Я хотел бы получить текст метки, если пользователь выбирает / проверяет соответствующий переключатель.

Answer 1

Я знаю, что этому вопросу уже несколько месяцев, и даже уже есть принятый ответ, но каждый ответ здесь использует метод prev. Просто хотел бы отметить, что чуть более надежный метод будет использовать селектор атрибута:

$('input:radio').click(function () {
    var txt = $('label[for=' + this.id + ']').text();
    alert(txt);
});

Answer 2

Если вы используете jquery:

$('input[name="Radio"]').click(function(){ alert( $(this).prev('label').text() ) });

, проверьте этот пример: http://jsfiddle.net/7FzQ9/

Answer 3

$("input:radio").click(function() {
  // if the label is before the radio button
  alert( $(this).prev("label").text() );
  // otherwise use
  alert( $("label[for='" + this.id + "']").text() );
});

Answer 4

$('input#radio1').prev('label[for=radio1]').text();

Answer 5

Вы также можете использовать:

$("input:radio").click(function() {
   var label_description = this.parentElement.outerText;
   alert( label_description );
} )

Js Fiddle test:

Получить этикетку для радио