jquery使用attr()方法对checkbox设置checked属性为true时,勾选框没反应的问题以及解决办法

问题

情景:商品的全选和部分选中,单个商品取消勾选后再选中,想通过attr(“checked”,true)使checkbox勾选,但是页面上没反应。
jquery使用attr()方法对checkbox设置checked属性为true时,勾选框没反应的问题以及解决办法
首先打开页面初始化是全选中的,此时全选的checked属性为checked。
jquery使用attr()方法对checkbox设置checked属性为true时,勾选框没反应的问题以及解决办法
这是对一个商品取消选中,然后再次选中的情况,此时通过attr()方法设置checked为true,但是页面上没反应。

解决办法

通过百度查找attr()和prop()的区别,再查找该问题出现的现象,找到解决办法是通过prop()方法即可。

参考链接

以下为参考链接,同时感谢他们给出了答案
jquery中attr和prop的区别
jQuery checkbox bug(第一次能选中生效,第二次失效)