Mengubah .prop menggunakan jQuery tidak memicu peristiwa .change

Saya punya pendengar acara di kotak centang:

<input type="checkbox" name="something">

Pendengar acara saya:

$('input[type="checkbox"][name="something"]').change(function() { 
    //DO SOMETHING 
});

Saya memiliki pendengar acara lain yang mengubah .propkotak centang:

$('#button').click(function() { 
    $('input[type="checkbox"][name="something"]').prop("checked", false);
});

Ketika saya mencentang DO SOMETHINGpemicu kotak centang . Ketika saya mengklik #button, .propperubahan dan saya melihat kotak centang secara visual tidak dicentang, tetapi DO SOMETHINGtidak dipicu ...

Sesuatu yang saya abaikan?

Peristiwa perubahan diaktifkan saat nilai diubah oleh interaksi pengguna di halaman dan bukan saat nilai diubah menggunakan kode.

Di sini Anda perlu menggunakan .change()atau .trigger("change")setelah mengubah properti:

$('input[type="checkbox"][name="something"]').prop("checked", false).change();

Bekerja Demo