问如何检查单选按钮数组是否选中？
EN

Stack Overflow用户

提问于 2017-05-11 18:25:35

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

下面是html的内容，我想检查其中一个单选按钮是否被选中？

<div class="col-sm-4 rating">
                                    <input type="hidden" name="questionId[]" value="4"/>
                                    <input type="radio" class="career_ratings" id="career_star31" name="career_rating_answer[3]" value="1" />
                                    <label  for="career_star31" title=""></label>

                                    <input type="radio" class="career_ratings" id="career_star32" name="career_rating_answer[3]" value="2"/>
                                    <label  for="career_star32" title=""></label>

                                    <input type="radio" class="career_ratings" id="career_star33" name="career_rating_answer[3]" value="3"/>
                                    <label  for="career_star33" title=""></label>

                                    <input type="radio" class="career_ratings" id="career_star34" name="career_rating_answer[3]" value="4"/>
                                    <label  for="career_star34" title=""></label>
                                </div>

html

回答 1

Stack Overflow用户

发布于 2017-05-11 18:47:39

https://plnkr.co/edit/vlYNcBeEUkP0wLtcbqtV?p=preview

<!DOCTYPE html>
<html>

<body>

  <form>
    <div class="col-sm-4 rating">
      <input type="hidden" name="questionId[]" value="4" />
      <input type="radio" class="career_ratings" id="career_star31" name="career_rating_answer[3]" value="1" />
      <label for="career_star31" title="1">1</label>

      <input type="radio" class="career_ratings" id="career_star32" name="career_rating_answer[3]" value="2" />
      <label for="career_star32" title="2">2</label>

      <input type="radio" class="career_ratings" id="career_star33" name="career_rating_answer[3]" value="3" />
      <label for="career_star33" title="3">3</label>

      <input type="radio" class="career_ratings" id="career_star34" name="career_rating_answer[3]" value="4" />
      <label for="career_star34" title="4">4</label>
    </div>
    <button onclick="check()">Try it</button>

  </form>

  <script>
    function check() {
      var radio = document.getElementsByClassName('career_ratings');
      var x = false;
      for (var i = 0; i < radio.length; i++) {
        if (radio[i].checked) {
          x = true;
        }
      }
      alert(x)
    }
  </script>

</body>

</html>

票数 1

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

原文链接：

https://stackoverflow.com/questions/43912782

复制

相似问题

问如何检查单选按钮数组是否选中？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检查单选按钮数组是否选中？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检查单选按钮数组是否选中？
EN