有关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();
}
};