checkbox 使用jquery动态控制选中状态：多次调用attr('checked', true/false)只有第一次生效

jquery中动态修改CheckBox的选中状态

 $(".weui-switch").attr("checked",true)

出现的问题：

第二次在其他地方再次调用 $(".weui-switch").attr("checked",false)的时候，还是选中状态，设置的属性没有生效

解决办法：

把使用prop方法代替attr方法，

 $(".weui-switch").prop("checked",true)

原因：

jQuery从1.5.2升级到1.6.1，发生了一些变化：

首先，window或document中使用.attr()方法在jQuery1.6中不能正常运行，因为window和document中不能有attributes。它们包含properties(比如：location或readyState)，必须使用.prop()方法操作或简单地使用javascript原生的方法。在jQuery1.6.1中，window和document中使用.attr()将被自动转成使用.prop，而不是抛出一个错误。

其次，checked,selected和前面提到的其它boolean attributes，因为这些attributes和其相应的properties之间的特殊关系而被特殊对待。比如：checked，仅被设置成默认值或初始值。在一个checkbox的元素中，checked attributes在页面加载的时候就被设置，而不管checkbox元素是否被选中。

properties就是浏览器用来记录当前值的东西。正常情况下，properties反映它们相应的attributes(如果存在的话)。但这并不是boolean attriubutes的情况。当用户点击一个checkbox元素或选中一个select元素的一个option时，boolean properties保持最新。但相应的boolean attributes是不一样的，正如上面所述，它们仅被浏览器用来保存初始值。