По умолчанию ваши входы отключены.сначала вы должны удалить свойство disable, а затем добавить атрибуты onclick, чтобы запустить функцию, которая изменит цвет фона.
document.getElementsByName('status')[0].removeAttribute("disabled")
document.getElementsByName('status')[1].removeAttribute("disabled")
document.getElementsByClassName('radio-inline')[0].setAttribute("onclick","myFunction()")
document.getElementsByClassName('radio-inline')[1].setAttribute("onclick","myFunction()")
function myFunction(){
if (document.getElementsByName('status')[1].checked) {
document.getElementsByClassName("label-status")[0].classList.remove("myclass2")
document.getElementsByClassName("label-status")[0].classList.add("myclass1");
}
else if (document.getElementsByName('status')[0].checked) {
document.getElementsByClassName("label-status")[0].classList.remove("myclass1")
document.getElementsByClassName("label-status")[0].classList.add("myclass2");
}
}
вам нужно определить свой css для myclass1 и myclass2 в соответствии с требованиями к цвету фона.
это невозможно при использовании чистого CSS, поскольку вы не можете динамически читать значения с помощью CSS.так что если вы можете использовать js, то это решит вашу проблему без редактирования html.