Question

我有以下HTML：

HTML：

<input type="radio" name="abc" value="0" selected="selected" style="display:none" />
<input type="radio" name="abc" value="1" />1+
<input type="radio" name="abc" value="2" />2+
<input type="radio" name="abc" value="3" />3+

获取所选单选按钮的JQuery

$('input:radio[name=abc]:checked').val();

为什么上面的代码在页面加载时不起作用，在用户选择单选按钮之前？这很奇怪，因为上面的代码在用户选择了一个单选按钮后才能正常工作。

在我看来，我已将默认单选按钮值设置为0，但如果您

含义，如果选中单选按钮值，则返回所选值 - 否则返回0（未选择任何值时）

Answer 1

您使用的是错误的属性。对于单选按钮，您必须使用checked属性而不是selected属性。

<input type="radio" checked="checked">

或只是：

<input type="radio" checked>

Answer 2

首先更正要检查的属性并删除错误的所选属性，然后使用以下代码。 t将在按钮单击时获得单选按钮的选定值。 ex for list

   $("#btn").click(function() {
        $('input[type="radio"]:checked').val();
        });

Answer 3

广播的属性为checked，而非selected

<input type="radio" name="abc" value="0" checked="checked" style="display:none" />
<input type="radio" name="abc" value="1" />1+
<input type="radio" name="abc" value="2" />2+
<input type="radio" name="abc" value="3" />3+

JQuery：获取单选按钮值

3 个答案: