Question

我是如此愚蠢的javascript，我想问你关于单选按钮验证的帮助。我有3组问题，每组有3个单选按钮。我想验证是否已经回答或检查了所有3个问题。

提前致谢

这是我测试的代码，它只验证1个radiobutton

<script type="text/javascript">
function validateForm() {
    var radios = document.querySelectorAll("#option1, #option2, #option3, #option4, #option5, #option6");
    var formValid = false;

    var i = 0;
    while (!formValid && i < radios.length) {
        if (radios[i].checked) formValid = true;
        i++;        
    }

    if (!formValid) alert("Must check some option!");
    return formValid;
}
</script>

Answer 1

试试这个对我有用

    <script type="text/javascript">
         function  validateForm(){
           var inputs = document.querySelectorAll("#option1,#option2,#option3,#option4,#option5,#option6")
           var  formValid  = false;
           for(var i=0;i<inputs.length;i++){
               if(inputs[i].checked){
                   formValid  = true;
                }
           }
          if(!formValid ){
               alert("Must check some option!");
           }
       }
   </script>

html代码

 <body>    
    <form name="frm">        
            Question 1<br>
            <input type="radio" name="group1" value="Ans1" id="option1">Ans1<br>
            <input type="radio" name="group1" value="Ans2" id="option2">Ans2<br>
            Question 2<br>
            <input type="radio" name="group2" value="Ans1" id="option3">Ans1<br>
            <input type="radio" name="group2" value="Ans2" id="option4">Ans2<br>
            Question 3<br>
            <input type="radio" name="group3" value="Ans1" id="option5">Ans1<br>
            <input type="radio" name="group3" value="Ans2" id="option6">Ans2<br>

        <input type="submit" value="Test" onclick="validateForm();" />
    </form>
</body>

Answer 2

我已使用此代码if ($('div.quizbox:not(:has(:radio:checked))').length) { alert("You missed answering one or more of the questions."); }

解决了问题

如果选中，Javascript将验证所有单选按钮

2 个答案: