JQuery：获取单选按钮值

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将在按钮单击时获得单选按钮的选定值。 前列表

   $("#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+