获取引导单选按钮文本-jQuery

Question

我正在使用引导程序，尝试提取标签名称时会感到困惑。 如何获得选定的标签文本？ （例如家具或水果）

<div class="input-group">
     <span class="input-group-addon">
     <input type="radio" name="radioGroup" value="myval1" /></span>
     <input class="form-control" value="Furniture" disabled>
</div>
<div class="input-group">
     <span class="input-group-addon">
     <input type="radio" name="radioGroup" value="myval2" /></span>
     <input class="form-control" value="Fruits" disabled>
</div>

我尝试了这些，但未给出标签文字：

alert($(  $(":radio[name=radioGroup]:checked").prop("labels") ).text());


alert($('input[name="radioGroup"]:checked').text());


alert($('input[name="radioGroup"]:checked + label').text());

Answer 1

在您的方案中，您只需要获取selected单选按钮的值即可。 为了让您更好地理解，请查看此JS Fiddle链接

您可以将所选的DOM元素用作：

alert($("input[name='radioGroup']:checked").closest(".input-group").find(".form-control").val())

Answer 2

你可以试试这个...

$('input[name="radioGroup"]:checked').parents('.input-group').find('.form-control').val()

要么

$('input[name="radioGroup"]:checked').parent().next().val()

Answer 3

尝试使用.val（），然后从复选框开始沿着树向上移动到包含div的树，然后向下回到关联输入中的值。

alert($("input[name=radioGroup]:checked").parent(".input-group-addon").parent(".input-group").children("input.form-control").val());