checkbox显示为checked="checked"但是不显示选中状态

if (!publicFlag.is(':checked')) {
                    publicFlag.attr("checked", true);
                }

使用如上代码对checkbox进行选中操作时，会导致checkbox的checked状态为checked但是页面不显示为选中状态。

在使用的过程中，第一次使用这个属性的时候生效了，但是再次使用这个方法发现无法显示为选中状态。在网上找了下，使用如下方式即可解决这个问题

if (!publicFlag.is(':checked')) {
                    publicFlag.prop("checked", true);
                }

很简单，就是将attr换成prop。在对checkbox进行动态选中操作时，不要再使用attr的方式了，改用prop进行选中操作。

网上大部分文章都使用了attr进行选中操作。并不明白为什么，明明不好用。