1

我在 javascript 方面太笨了，我想请教你关于单选按钮验证的帮助。我有 3 组问题，每组有 3 个单选按钮。我想验证是否所有 3 个问题都已得到回答或检查。

提前致谢

这是我测试过的代码，它只验证 1 个单选按钮

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

2 回答 2

1

我已经用这段代码解决了问题 if ($('div.quizbox:not(:has(:radio:checked))').length) { alert("You missed answering one or more of the questions."); }

于 2013-10-25T06:46:00.117 回答
0

试试这个它对我有用

    <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>
于 2013-10-24T14:59:14.380 回答