jQuery checkbox 全选失效问题
2011 年 9 月 1 日
使用attr(“checked”,true)与attr(“checked”,false)或者removeAttr(“true”); 会出现第一次全选可以出现全选效果,但是第二次点击后就无法实现全选效果。现在改为prop
$(document).on(“click”,”#che_box”,function(){
var ischecked= $(“#che_box:checked”).length;
var $checkboxs =$(“input[name=’check_box’]”);
if(ischecked){
$checkboxs.prop(“checked”,true);
}else{
$checkboxs.prop(“checked”,false);
}
});
$(document).on(“click”,”#che_box”,function(){
var ischecked= $(“#che_box:checked”).length;
var $checkboxs =$(“input[name=’check_box’]”);
if(ischecked){
$checkboxs.prop(“checked”,true);
}else{
$checkboxs.prop(“checked”,false);
}
});
以上使用prop跟removeProp来实现。(使用jquery1.9版本)
推荐阅读:
jQuery权威指南 PDF版中文+配套源代码 http://www.linuxidc.com/Linux/2013-10/91059.htm
jQuery实战 中文PDF+源码 http://www.linuxidc.com/Linux/2013-09/90631.htm
《jQuery即学即用(双色)》 PDF+源代码 http://www.linuxidc.com/Linux/2013-09/90383.htm
锋利的jQuery(第2版) 完整版PDF+源码 http://www.linuxidc.com/Linux/2013-10/91527.htm
jQuery完成带复选框的表格行高亮显示 http://www.linuxidc.com/Linux/2013-08/89406.htm
jQuery基础教程(第4版) PDF 完整高清版+配套源码 http://www.linuxidc.com/Linux/2014-03/98162.htm