通过更改单选按钮的选择现在可以正常工作

【问题标题】：by changing the selection of radio button now working fine通过更改单选按钮的选择现在可以正常工作
【发布时间】：2022-02-14 17:52:44
【问题描述】：

如果我第一次想选择或更改单选按钮，我想将标签颜色更改为红色，但效果不佳，我在单选按钮内使用 on change 功能

<script>
    function changecolor(){
      document.getElementsByClassName("label").style.color='red'
    }
  </script>
<body>
<div class="group">
  <label for="one" class="label">Select Any</label>
    <div class="input">
     <input id="one" class="radio" name="radio-group" type="radio" onchange="changecolor()" >
      <input id="one" class="radio" name="radio-group" type="radio" onchange="changecolor()">
   </div>
</div>
</body>
</html>

【问题讨论】：

标签： javascript html css

【解决方案1】：

document.getElementsByClassName 返回一个 htmlcollection 所以你有两种解决方案可以让你的代码工作

迭代 htmlcollection 的每个元素并应用样式
或使用索引来访问特定元素之一

function changecolor(){
  document.getElementsByClassName("label")[0].style.color='red'
}

<div class="group">
  <label for="one" class="label">Select Any</label>
    <div class="input">
     <input id="one" class="radio" name="radio-group" type="radio" onchange="changecolor()" >
      <input id="one" class="radio" name="radio-group" type="radio" onchange="changecolor()">
   </div>
</div>

【讨论】：