jQuery - 检测复选框已更改

Question

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

我可以

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

这样做，但我总是需要检测每当这些变化。我曾尝试：

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

其中一期工程，当我手动检查/清除复选框，但不是当他们被动态地设置。如何才能做到这一点？

例子可以在这里看到：

jsfiddle

Answer 1

你会想 '触发' change事件

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

Fiddle