jQuery技术

JQuery判断checkbox是否选中、批量选择与反选的方法

字号+ 作者:H5之家 来源:H5之家 2015-09-30 12:03 我要评论( )

本文分享如何使用jQuery实现复选框批量选择与反

jquery判断checkbox是否选中及改变checkbox(复选框)状态的方法

jquery判断checked(选中状态)的三种方法

.attr("checked"): // jquery版本1.6+返回:”checked”或”undefined” ;1.5以下返回:true或false .prop("checked"): //1.6+返回:true/false .is(":checked"): //返回:true/false jquery设置checked(选中状态)的几种方法

适用所有jquery版本的写法

$("#hi-docs").attr("checked","checked"); $("#hi-docs").attr("checked",true); jquery 1.6+:prop()函数设置checked(选中状态)的4种方法 $("#hi-docs″).prop("checked",true);// 常用 $("#hi-docs″).prop("checked","checked"); $("#hi-docs″).prop({checked:true}); $("#hi-docs″).prop("checked",function(){ return true;// 使用函数返回true或false }); jquery如何判断checkbox(复选框)是否被选中需要注意的问题。

在html中,如果一个复选框被选中是 checked="checked"。但是我们如果用$("#id").attr("checked") 会提示您是true而不是checked 所以判断 if($("#id").attr("checked")=="true") 是错误的,应该是 if($("#id").attr("checked")==true),另附两个checkbox操作方法

// 选中所有 function selectAll(){ $("input[type|=checkbox]").attr("checked","checked"); } // 取消选中 function cancelAll(){ $("input[type|=checkbox]").removeAttr("checked"); }

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
d