Есть независимые блоки с карточками. Они могут быть и с радиокнопками и с чекбоксами. Мне надо сделать так, чтобы при клике на карточку активировался или выключался и чекбокс(радиокнопка) и сам div (переключается рамка вокруг). У меня почему то при клике по div-у так и работает, но если кликать непосредственно в инпут, то скрипт не срабатывает. Если кто подскажет в чем дело, буду очень благодарна!
https://codepen.io/Raneto4ka/pen/Ezqevb
function activeCardPreview(){
$('.preview .wrapper-cards .custom-radio').on('click', function(){
$(this).parent().siblings('.wrapper-cards').removeClass('checked');
$(this).parent().toggleClass('checked');
if ($(this).parent().hasClass('checked')){
$(this).find('.card-check').prop('checked', true);
}
else {
$(this).find('.card-check').prop('checked', false);
}
});
$('.preview .wrapper-cards .custom-checkbox').on('click', function(){
$(this).parent().toggleClass('checked');
if ($(this).parent().hasClass('checked')){
$(this).find('.card-check').prop('checked', true);
}
else {
$(this).find('.card-check').prop('checked', false);
}
});
};
activeCardPreview();