javascript - 获取 Bootstrap 单选按钮文本 - jquery

Question

我正在使用 Bootstrap ，在尝试提取标签名称时发现它很困惑。如何获取选定的标签文本？ (例如家具或水果)

<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())