jQuery - 检测复选框何时更改

jQuery - detecting when checkbox has changed

我的页面上有一系列复选框,它们将根据其他下拉选项动态 checked/unchecked。

我可以用

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

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

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

当我手动 check/uncheck 框时有效,但在动态设置时无效。如何做到这一点?

例子可以在这里看到:

jsfiddle

您会想要'trigger'更改事件

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

Fiddle