使用javascript获取关联的单选按钮标签文本 此单选按钮1具有与其关联的标签。

上面的代码有一个标签和单选按钮，标签使用for属性与单选按钮相关联

如果用户选择/检查关联的单选按钮，我希望获取标签文本。

如果您使用jquery：

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

$("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() );
});

查看此示例：

如果您使用jquery：

$("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() );
});

---

看看这个例子：

我知道这个问题已经有几个月了，甚至已经有了公认的答案，但是这里的每个回答都使用了

prev

方法。我只是想指出，一种稍微更稳健的技术是使用属性选择器：

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

---

我知道这个问题已经有几个月了，甚至已经有了公认的答案，但这里的每个回答都使用

prev

方法。我只是想指出，一种稍微更稳健的技术是使用属性选择器：

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

您还可以使用：

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

Js小提琴测试：

您还可以使用：

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

Js小提琴测试：