How to check the array of radio buttons is checked or not?

Question

Following is the html content and I want to check whether one of the radio button is checked or not?

<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>

Possible duplicate of http://stackoverflow.com/questions/8622336/jquery-get-value-of-selected-radio-button — Dwhitz, May 11 '17 at 10:26

score 1 · Answer 1 · answered May 11 '17 at 10:47

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>

Thanks a lot for helping here – S.P. Soni May 11 '17 at 14:02 — S.P. Soni, May 11 '17 at 14:02

How to check the array of radio buttons is checked or not?

1 Answers1