jQuery - 检测复选框何时更改

Question

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

我可以用

做到这一点

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

但是我总是需要随时检测这些变化。我试过了：

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

当我手动选中/取消选中复选框但在动态设置它们时不起作用。怎么办呢？

示例可以在这里看到：

jsfiddle

Answer 1

你会想要触发＆＃39;改变事件

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

<强> Fiddle