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

Get bootstrap radio button text - jquery

本文关键字：-jquery 文本 单选按钮 引导程序 获取      更新时间：2023-09-26

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

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

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

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

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

尝试使用.val（），然后沿着树从复选框向上到其包含的div，再向下到相关输入中的值。

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

你可以试试这个。。。

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

或

$('input[name="radioGroup"]:checked').parent().next().val()
相关文章：