Как изменить цвет элемента, когда установлен переключатель

Как работает страница:
Пользователь заполняет регистрационную форму (имя, фамилия, возраст...). Администратор может видеть все эти значения и либо одобрять, либо отклонять каждое из них, щелкнув соответствующий переключатель.

Что я хочу:
В моем файле .phtml у меня есть цикл, который создает разные группы переключателей (1 группа для поля имени, 1 группа для фамилии и т. д.). Каждая радиокнопка имеет свой ID. Каждая группа переключателей соответствует отдельному элементу на странице (имя, фамилия...). Как я могу проверить, какой из двух переключателей в группе отмечен, и изменить цвет фона соответствующего элемента (имя, фамилия...)?

Что я сделал на данный момент:
Единственный способ, которым я мог заставить его работать, - это фактически щелкнуть переключатель и получить его идентификатор. Затем с помощью директивы data-html я изменяю цвет соответствующего поля.
Я попытался изменить функцию .click на .checked, но не смог понять, как получить нужные мне идентификаторы.

$(document).ready(function () {
    $('.radio-approved').click(function(){
        greenColor($(this));
    });

    $('.radio-rejected').click(function(){
        redColor($(this));
    });
});

function greenColor(button) {

    var correspondingField=document.getElementById(button.data('html'));

    $(correspondingField).css({
        "background-color": "green"
    });
}

function redColor(button) {

    var correspondingField=document.getElementById(button.data('html'));

    $(correspondingField).css({
        "background-color": "red"
    });
}