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