jQuery-检测复选框何时更改

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

我可以用它来做这件事

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

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

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

当我手动勾选/取消勾选复选框时有效，但在动态设置复选框时无效。如何做到这一点

示例如下所示：

---

您需要“触发”更改事件

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