jQuery - 检测复选框何时更改

Question

我的页面上有一系列复选框，它们将根据其他下拉选项动态选中/取消选中。

我可以用

做到这一点

$('#first').prop('checked', true);

但我总是需要检测这些变化。我尝试过:

jQuery(':checkbox').on('change', function() {
    alert('checkbox has changed');
});

这在我手动选中/取消选中这些框时有效，但在动态设置它们时则无效。如何做到这一点？

示例可以在这里看到:

jsfiddle

Answer 1

您将想要“触发”更改事件

$('#first').prop('checked', true);
$('#first').trigger('change');

<强> Fiddle