jquery input[type=“checkbox“] attr()设置checked无反应

jquery中attr和prop的区别

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

<input id="ch1" type="checkbox" value='1' />是否可见
<input id="ch2" type="checkbox" checked="checked" value='2' />是否可见

此时通过attr()方法设置checked为true,没反应，需要用到prop

$("#ch1").prop("checked") == false
$("#ch2").prop("checked") == true

如果上面使用attr方法，则会出现：

$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"