关于checked="checked"却不显示选中的“对勾”

Posted 2020-09-25 水好凉

       //以下是用JQ实现全选 全取消的代码  但是只可以执行一次，第二次点击页面不显示对勾， 但是checked="checked”；
　　　　$("#checkall").click(function () {if (this.checked) {
                $(".cart-tbody input[type=\'checkbox\']").prop(\'checked\', true)
            } else {
                $(".cart-tbody input[type=\'checkbox\']").attr(\'checked\', false)
              }
          }
        );


经查询后发现这是attr的问题
更改attr为prop就可以纠正问题　　
ps：

• 对于html元素本身就带有的固有属性，在处理时，使用prop方法。
• 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。