通过 jquery 获取组单选按钮选择的值

Question

如何通过jQuery获取选中的单选按钮值？我试过了：

var selectedPlan = $("input[name=Plan[packageId]]:checked'").val();
alert(selectedPlan);

bBt 无效。

<td style="vertical-align: top;">
    <input type="radio" value="1" name="Plan[packageId]">
    <lable>3 Games</lable><br>

    <input type="radio" value="2" name="Plan[packageId]">
    <lable>5 Games</lable><br>

    <input type="radio" value="3" name="Plan[packageId]">
    <lable>10 Games</lable><br>
</td>

这里是 fiddle http://jsfiddle.net/vk3z45an/

Answer 1

您需要对选择器名称属性中的 [] 个字符进行转义（或将其用引号引起来）并删除末尾不匹配的撇号。试试这个：

var selectedPlan = $("input[name=Plan\[packageId\]]:checked").val();
alert(selectedPlan);

// alternatively:
// var selectedPlan = $("input[name='Plan[packageId]']:checked").val();

Updated fiddle

请注意，您运行是您在页面加载时的代码，并且您的 HTML 默认情况下没有选择无线电。我向其中一个收音机添加了一个 checked 属性，因此您可以看到它正在工作。另外，您原来的 fiddle 不包括 jQuery 所以我也添加了它。最后，元素是label，不是lable.

Answer 2

您需要对 CSS 元字符进行转义或将它们用引号括起来以防止选择器中断：

var selectedPlan = $("input[name='Plan[packageId]']:checked").val();

Working Demo

通过 jquery 获取组单选按钮选择的值

Get group radio button selected value via jquery

html

javascript

jquery

jquery-selectors

radio-button