jquery - 使用 jQuery 更改 .prop 不会触发 .change 事件

Question

我在复选框上有一个事件监听器:

<input type="checkbox" name="something">

我的事件监听器:

$('input[type="checkbox"][name="something"]').change(function() { 
    //DO SOMETHING 
});

我有另一个更改复选框的 .prop 的事件监听器:

$('#button').click(function() { 
    $('input[type="checkbox"][name="something"]').prop("checked", false);
});

当我选中复选框时 DO SOMETHING 触发器。当我单击 #button 时，.prop 发生变化，我看到复选框在视觉上取消选中，但 DO SOMETHING 没有被触发。 ..

我忽略了什么？

Answer 1

Change 事件在页面上的用户交互更改值时触发，而不是在使用代码修改值时触发。

这里需要在改变属性后使用.change()或者.trigger("change"):

$('input[type="checkbox"][name="something"]').prop("checked", false).change();

Working Demo