获取 JQuery 中所选单选按钮的文本答案

【问题标题】：Get the text of the selected radio button in JQuery获取 JQuery 中所选单选按钮的文本
【发布时间】：2021-11-20 05:20:25
【问题描述】：

在 Jquery 中，我如何获取所选单选按钮的文本（不是值），如下所示

 <label> <input type="radio" name="Surv_Q1" value="20">5 - Excellent</label>
<label> <input type="radio" name="Surv_Q1" value="20">4 - Good</label>

我尝试了以下代码，但没有成功

 $("input[name='Surv_Q"+i+"']:checked").next('label').text();

【问题讨论】：

您可以将这些文本放在单选按钮的属性上，例如 data-name="5 - Excellence" 并像这样使用它
How to get the selected radio button label text using jQuery的可能重复

标签： jquery

【解决方案1】：

HTML：

<label> <input type="radio" name="Surv_Q1" value="20" data-name="5 - Excellent" checked="true">5 - Excellent</label>
<label> <input type="radio" name="Surv_Q1" value="20" data-name="4 - Good">4 - Good</label>

脚本：

$("input[name='Surv_Q1']:checked").data('name');

或者你不想在 HTML 中更改然后这个::

$("input[name='Surv_Q1']:checked").parent('label').text();

【讨论】：

【解决方案2】：

你需要上一层，才能得到父级label：

$("input[name='Surv_Q1']:checked").parent('label').text();

【讨论】：

【解决方案3】：

这可能会对某人有所帮助...在我的情况下，我使用 prev 而不是 parent 来让它工作：

$('input[name="radioName"]:checked').prev('label').text();

【讨论】：