Jquerycheckbox的全选和全不选

Posted 2020-08-06

刚学Jquery，在做checkbox的全选全不选时遇到了一个问题，使用attr()方法的话， 只能成功全选和取消全选一次，第二次就不行了，如下面

$("#chkAll").click(function(){
            if(this.checked==true){
                $("#tab input[type=‘checkbox‘]").attr("checked",true);
            }else{
                $("#tab input[type=‘checkbox‘]").attr("checked",false);
            }
 })

网上搜了之后，找到了解决办法，就是把attr()改成prop():

$("#chkAll").click(function(){
            if(this.checked==true){
                $("#tab input[type=‘checkbox‘]").prop("checked",true);
            }else{
                $("#tab input[type=‘checkbox‘]").prop("checked",false);
            }
 })

jquery的1.7.2版本之前能用attr，但之后就只能用prop,暂且先这样理解着吧....