文章/答案/技术大牛

发布

社区首页 >问答首页 >通过改变单选按钮的选择，现在工作正常

问通过改变单选按钮的选择，现在工作正常
EN

Stack Overflow用户

提问于 2022-02-14 09:51:01

回答 1查看 15关注 0票数 0

如果我第一次想选择或更改单选按钮，我想将标签颜色更改为红色，但效果不佳，我在单选按钮中使用了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

Stack Overflow用户

回答已采纳

发布于 2022-02-14 09:52:44

document.getElementsByClassName返回一个have集合，因此您有两种解决方案来使代码工作。

对style集合的每个元素进行迭代，并应用样式
或使用索引来访问特定元素

之一。

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>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71109861

复制

相似问题

问通过改变单选按钮的选择，现在工作正常
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过改变单选按钮的选择，现在工作正常EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过改变单选按钮的选择，现在工作正常
EN