获取引导单选按钮文本 - jquery答案

【问题标题】：Get bootstrap radio button text - jquery获取引导单选按钮文本 - jquery
【发布时间】：2014-12-20 23:30:35
【问题描述】：

我正在使用引导程序，但在尝试提取标签名称时发现它令人困惑。如何获取选定的标签文本？（例如家具或水果）

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

【问题讨论】：

Here, have a cookie

标签： javascript jquery twitter-bootstrap radio-button

【解决方案1】：

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

您可以将选定的 DOM 元素用作::

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

【讨论】：

很好...我如何引用name="radioGroup" ？因为页面上有很多单选按钮组？
@Anne 你可以在这里查看jsfiddle.net/dJDHd/355它的使用name='radioGroup'
谢谢。使用 .find() 是否必要？我不能像$("input[name='radioGroup']:checked").val()那样做吗？

【解决方案2】：

你可以试试这个……

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

或

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

【讨论】：

【解决方案3】：

尝试使用 .val() 然后沿着树从复选框向上到其包含的 div 并返回到相关输入中的值。

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

【讨论】：