一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2014-01-03 编辑:简简单单 来源:一聚教程网

html结构:

单选表单

第1项
第2项
第3项

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.111com.net

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

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

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

例子

 代码如下 复制代码




    Index

        
 



   


       
       
       
       
       
   


热门栏目