歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery checkbox 全選失效問題

jQuery checkbox 全選失效問題

日期:2017/3/1 9:45:05   编辑:Linux編程

使用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);

}
});

以上使用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

jQuery 的詳細介紹:請點這裡
jQuery 的下載地址:請點這裡

Copyright © Linux教程網 All Rights Reserved