Отследить изменение свойства checked radio-кнопки?

Question

[MegaPuxapb]

Собственно, код.
https://codepen.io/Xpycm2000/pen/aVjqQr

при клике на саму радиокнопку, алерт выскакивает.
при клике на блок, нет.
как отследить изменения при клике на блок?

Answer 1

[coderisimo]

например, вот так :

$(".block").click(function(){
        $(this).find('input').prop('checked', true);
       alert('1');
        
    });

Answer 2

[ThunderCat]

правильно будет навесить евент на изменение радио, а не отслеживать клик

$('input[type=radio]').on('change', function(){
   doSomeSuff();
})

и вместо div использовать label, что и семантически правильнее, и реализовывать через js не нужно.

Comments

[MegaPuxapb]

label уже занят. занят стилизацией радиокнопки.
и в блок много всего посажено. Другие блоки, картинка и батоны.

[ThunderCat]

MegaPuxapb, ну тогда чем собсно вас не устраивает решение coderisimo ? или как вариант:

$(".block").click(function(){
        $(this).find('input').prop('checked', true).trigger('change');
    });

[coderisimo]

ThunderCat,

такая штука мне пришла в голову в самый первый момент

$(".block").click(function(){
        $(this).find('input').prop('checked', true).trigger('change');
    });
    
    $('input[name=azaza]').change(function(){
        alert ('1');
    });

но если мы кликаем по радиокнопке , получаем исполнение кода дважды.