Как добавить класс для элемента при checked?

Question

[bazliiii]

Добрый день, хочу при активной radio кнопки добавлять класс для label, нашел на просторах интернета такой вариант, но почему то не работает

$('input:checkbox').change(function () {
    if ($(this).is(":checked")) {
        $(this).closest('.form-control').addClass("checked");
    } else {
        $(this).closest('.form-control').removeClass("checked");
    }
});

<label class="certificate-pay__form-control form-control">
<input value="100" name="sum" class="certificate-pay__radio" type="radio" name="radio" />
<span class="checkmark"></span>
<span class="certificate-pay__text">€ 100</span>
</label>

Answer 1

[Алексей Уколов]

Давайте вместе подумаем, почему ваш селектор, в котором чёрным по белому написано checkbox, не выбирает radio. Но есть вероятность, что придётся искать кого-то ещё и соображать на троих.

Comments

[bazliiii]

Можете подсказать что добавить в код, что бы класс удалялся когда неактивная radio кнопка ? Сейчас класс добавляться, но не убирается.
Я понимаю что нужно пройтись по всем form-control и удалять класс, а потом делать проверку на чекет и добавлять, но как это правильно записать ?

[bazliiii]

bazliiii, Разобрался добавил:
let AllRadio = document.querySelectorAll('.form-control')
AllRadio.forEach(function (i) {
i.classList.remove("checked");
});