使用 javascript 获取关联的单选按钮标签文本答案

【问题标题】：get associated radio button label text using javascript使用 javascript 获取关联的单选按钮标签文本
【发布时间】：2011-07-30 16:35:25
【问题描述】：

这个单选按钮 1 有一个与之关联的标签。

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

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

【问题讨论】：

标签： javascript radio-button label

【解决方案1】：

我知道这个问题已经有几个月的历史了，甚至已经有了一个公认的答案，但这里的每个回复都使用prev 方法。只是想指出一种更强大的技术是使用属性选择器：

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

【讨论】：

【解决方案2】：

如果您使用 jquery：

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

看看这个例子：http://jsfiddle.net/7FzQ9/

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案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() );
});

【讨论】：

【解决方案5】：

你也可以使用：

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

Js Fiddle 测试：

Get the label for a radio

【讨论】：