单击单选按钮时标签颜色更改

<input type="radio" name="option" id="option1" class="radio-btn">
<label for="option1" class="label">选项1</label>

<input type="radio" name="option" id="option2" class="radio-btn">
<label for="option2" class="label">选项2</label>

.label {
  color: black;
}

.radio-btn:checked + .label {
  color: red;
}

const radioBtns = document.querySelectorAll('.radio-btn');

radioBtns.forEach(btn => {
  btn.addEventListener('change', () => {
    const labels = document.querySelectorAll('.label');
    labels.forEach(label => {
      label.style.color = 'black';
    });
    
    const checkedBtn = document.querySelector('.radio-btn:checked');
    const checkedLabel = document.querySelector(`[for="${checkedBtn.id}"]`);
    checkedLabel.style.color = 'red';
  });
});