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