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