Question

如果未选中单选按钮，我的代码应弹出警报。我的问题是，如果你选择了一个问题，它就会弹出。例如，我选择了问题1中的答案，但没有选择问题2.因此它会发出提醒：必须选择问题2！但我的问题是，如果你不选择任何东西，它不会提醒我什么。如果我没有选择任何东西，它应该弹出，2个警报，必须选择第一个问题，然后，另一个警报，必须选择问题2！任何帮助将不胜感激，谢谢！

    <html>
    <head>
    <script>


    function checkAnswers(){
    var retval = false;
    var inputs = document.getElementsByTagName('input');
    for(i=0;i<inputs.length;i++){

        var inputName = inputs[i].getAttribute('name'); 
  //      var msg = document.getElementById('msg-' + inputName);
                var checker = document.getElementsByName(inputName);
                var counter = false;
                for(j=0;j<checker.length;j++){
                    if(checker[j].checked == true){
                    counter = true;
                    i += 4;
                    break;
                    }
                }
                if(counter == false){
                    alert("Must answer question number" + " " + inputName + "!");
                    retval = false;
                    i += 4;
                }
        }
        return retval;

}

    </script>
    </head>
    <body>
    <form name="myForm" onsubmit="return checkAnswers()" id="form">
        <h1>QUESTIONS</h1>
        <h3>Question No. 1.)</h3>What makes you smile?<br />
        <input name="one" type="radio" value="yes"  />A. Burger<br />
        <input name="one" type="radio" value="no" />B. Pizza <br />
        <input name="one" type="radio" value="no"  />C.Sunrise <br />
        <input name="one" type="radio" value="no"  />D. Kitkat<br />
        <span id="msg-one"></span><br />


            <h3>Question No. 2.)</h3>What's your favorite day?<br />
        <input name="two" type="radio" value="no"  />A. Hi<br />
        <input name="two" type="radio" value="yes"  />B. Hello<br />
        <input name="two" type="radio" value="no"  />C. Ahh<br />
        <input name="two" type="radio" value="no"  />D. Kitkat<br />
        <span id="msg-two"></span><br/>


            <input type="button" name='submit' value="Submit"  /><br />
            <span id="score"></span><br />
    </form>



    </body>
    </html>

Answer 1

您已使用变量“i”嵌套for循环。尝试更改此设置，以便每个循环都有一个单独的（理想的描述性）变量名称。

Answer 2

由于您添加了jquery，我建议使用jQuery解决方案：

function checkAnswers() {
    var questions = {};
    $('#form input[type="radio"]').each(function() {
        // add all questions
        questions[this.name] = true;
    }).filter(":checked").each(function() {
        // remove questions that have an answer
        delete questions[this.name];
    });
    for (var k in questions) {
        alert("Must answer question number " + k + "!");
    }
}

questions在to mimic a set使用。

但您的提交按钮也应该是submit类型，而不是button，或者您需要添加onclick处理程序：

<input type="submit" name='submit' value="Submit"  />

在Javascript

2 个答案: