Как сменить цвет текста после выбора радиокнопки?

Всем привет. Есть радиокнопка. При выборе ее, нужно изменить соседний span с текстом. У меня меняется у 1 блока, а у 2 не. С Js немного чайник. Помогите пожалуйста разобраться...

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <style>
        span{
            color:blue;
        }
    </style>
</head>
<body>
<div>
    <div class="radio-label">
        <input type="radio" name="days1" value="400.00" id="fdays2">
        <label for="fdays2" class="freest">4 days</label>
    </div>
    <div class="radio-label">
        <input type="radio" name="days1" value="280.00" id="twdays2">
        <label for="twdays2" class="freest">12 days</label>
    </div>
    <div class="col type_body_col">
        <span>$510</span>
        <span>$400</span>
    </div>
<div>
<div>
    <div class="radio-label">
        <input type="radio" name="days1" value="400.00" id="fdays2">
        <label for="fdays2" class="freest">4 days</label>
    </div>
    <div class="radio-label">
        <input type="radio" name="days1" value="280.00" id="twdays2">
        <label for="twdays2" class="freest">12 days</label>
    </div>
    <div class="col type_body_col">
        <span>$510</span>
        <span>$400</span>
    </div>
<div>
<script>
        var radios = document.getElementsByName("days1"),
            blocks = document.querySelector(".col.type_body_col").children,
            prevId = -1;
        for (var i = 0; i < radios.length; i++) {
            radios[i].index = i;
            radios[i].onclick = clickHandler;
        }
 
        function clickHandler(e) {
            var id = e.target.index;
            blocks[id].classList.add("red");
            if (prevId > -1 && prevId !== id) {
                blocks[prevId].classList.remove("red");
            }
            prevId = id;
        }
    </script>
</body>
</html>
  • Вопрос задан
  • 306 просмотров
Пригласить эксперта
Ответы на вопрос 2
@KononovD
Берём инпуты и делаем селектор рода :

.input:checked + .label{
Меняем цвет
}

Должно работать
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы