关于checkbox的checked属性和change事件

jquery中的attr和prop有什么区别?

To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method.

根据官方的建议：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr().

设置check等属性的时候也应该用prop方法.

利用prop()修改checked后如何触发change事件?

prop本身不自动触发change事件, 需要手动触发.

法1:

$elem.prop('checked', true).change(); // i.e. trigger('change');

法2:

$.propHooks.checked = {
  set: function(elem, value, name) {
    var ret = (elem[ name ] = value);
    $(elem).trigger("change");
    return ret;
  }
};

knockout中如何在checked改变时自动触发change?

knockout中的checked事件不自动触发change事件, 可以自定义事件绑定.

ko.bindingHandlers.checkedChange = {
    update: function (elem, val) {
        $(elem).prop('checked', ko.unwrap(val())).change();
    }
};

参考

1. jQuery 中 attr() 和 prop() 方法的区别

2. Should $('#chk').prop('checked', true) trigger change event?