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+