Всем привет. Есть радиокнопка. При выборе ее, нужно изменить соседний 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>
Простой
