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#radio1').prev('label[for=radio1]').text();

Answer 4

$("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 5

您也可以使用：

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

Js Fiddle测试：

Get the label for a radio

使用javascript获取相关的单选按钮标签文本

5 个答案: