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

Answer 2

你可以试试这个......

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

OR

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

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

3 个答案: