JQuery 单选按钮和多选按钮状态判断详解

html结构：

<h1>单选表单</h1>

<!-- 同组的单选input标签 必须 带相同的name值以标示是同一组单选框，否则具有'复选'功能-->

<input type="radio" name="test" checked="checked" value="第1项"/> 第1项
<input type="radio" name="test" value="第www.111cn.net项"/>第2项
<input type="radio" name="test" value="第3项"/>第3项
<input type="button" value="51Gg3 搜索"/>

1、设置某项单选input为选中状态:

①可设其属性checked为true

$("input[type='radio']").eq(1).attr('checked',true);

单击展开代码,方便阅读②也可设其属性checked为'checked',设置完后原选中项会自动取消选中

$("input[type='radio']").eq(1).attr('checked','checked');

单击展开代码,方便阅读2、判断某单选框是否被选中状态：

❶ 使用object.attr('checked')==true是错的,应使用object.attr('checked')=='checked'作判断

$("input[type='radio']").eq(1).attr('checked')=='checked';

单击展开代码,方便阅读❷也可使用 is(':checked')方法作判断

$("input[type='radio']").eq(1).is(':checked');

单击展开代码,方便阅读3、获取被选中的单选框：使用 :checked 方法

$("input[type='radio']:checked");

多选按钮

在html的checkbox里，选中的话会有属性checked="checked"。

如果用一个checkbox被选中，alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked"))，会打印出"true"，而不是"checked"！

如果没被选中，打印出的是"undefined"。觉得很奇怪是吗？继续看下去～www.111cn.net

不要尝试去做这样的判断：if($"#xxx".attr("checked")=="true")

因为这么做是错的，jQuery的API手册上写，attr(name)的返回值是object。

所以，应该是if($"#xxx".attr("checked")==true)

例子