задача стоит в том что есть два input[type=radio] и подкаждым блок к этому Input'у, если при клике на первый то под ним елемент станет видимым а другой елемент нет, если на второй то наоборот, проблема в том, что если при загрузке странице был checked второй инпут то мне нужно сделать проверку и показать значит второй блок, но почему событие не срабатывает js:
this.regEventsRadio = function() {
$('input[name=event_type]').change(function() {
if (this.value === '1') {
$('.js-multiple-event').addClass("active");
$('.js-single-event').removeClass("active");
}
if (this.value === '2') {
$('.js-single-event').addClass("active");
$('.js-multiple-event').removeClass("active");
}
});
$('input[name=event_type]:checked').trigger('click');
};
html:
<input type="radio" name="event_type" value="1">
<input type="radio" name="event_type" value="2" checked>
<div class="js-single-event">single</div>
<div class="js-multiple-event">multiple</div>