我正在尝试使用JavaScript创建测验，但我的按钮无法正常工作

Question

我根本无法理解JavaScript，我正在尝试创建一个测验，但是无论如何，我似乎都无法提交表单。 这只是我的HTML网站中的代码部分。

<b>Quiz</b>
<br><br>
    <center><p>Q 1) What colour is this laptop?</p>
        <table width="200">
            <tr>
            <td><input type="radio" name="radio" id="a1" value="a1" />
                Orange</td>
            <td><input type="radio" name="radio" id="a2" value="a1" />
                White</td>
            </tr>
            <tr>
            <td><input type="radio" name="radio" id="a3" value="a1" />
                Blue</td>
            <td><input type="radio" name="radio" id="a4" value="a1" />
                Red</td>
            </tr>
        </table>
        <p>
        <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit"
            onClick="fSubmit()" /></center>
        </p>
            <script type="text/javascript">
                function fSubmit(){
                    var correctanswer = document.getElementById("a3")
                        if (correctanswer.checked *** true) {
                            alert("Correct!")
                        }
                        else {
                            alert("Incorrect!")
                        }
                    }   
            </script>

Answer 1

    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <b>Quiz</b>
    <br><br>
    <form>
    <center>
        <p>Q 1) What colour is this laptop?</p>
        <table width="200">
            <tr>
                <td>
                    <input type="radio" name="radio" id="a1" value="a1" />
                    Orange
                </td>
                <td>
                    <input type="radio" name="radio" id="a2" value="a1" />
                    White
                </td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name="radio" id="a3" value="a1" />
                    Blue
                </td>
                <td>
                    <input type="radio" name="radio" id="a4" value="a1" />
                    Red
                </td>
            </tr>
        </table>
        <p>
            <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit"
                   onclick="fSubmit()" />
    </center>
    </form>
    </p>
    <script type="text/javascript">
        function fSubmit() {
                    var correctanswer = document.getElementById("a3")
                        if (correctanswer.checked === true) {
                            alert("Correct!")
                        }
                        else {
                            alert("Incorrect!")
                        }
                    }
    </script>
</body>
</html>

添加表单标签。 它将在某些没有表单标签的浏览器中运行。 放置表单标签是一个好习惯。 同样在if中，将***替换为===

Answer 2

如果出现JavaScript错误（例如代码示例中的***而不是===），则不会触发click事件。 您可以在浏览器中打开JavaScript调试器（有时称为控制台）以查看任何错误。

另外，似乎您不想将按钮单击“提交”到服务器，因此输入类型应为按钮（而不是提交），否则请使用表单上的on Submit事件而不是按钮上的onclick事件。

我正在尝试使用JavaScript创建测验，但我的按钮无法正常工作

问题描述

2 个解决方案

解决方案1
0 已采纳 2015-05-02 00:57:23

解决方案2
0 2015-05-02 00:58:01

我正在尝试使用JavaScript创建测验，但我的按钮无法正常工作

问题描述

2 个解决方案

解决方案1 0 已采纳 2015-05-02 00:57:23

解决方案2 0 2015-05-02 00:58:01

解决方案1
0 已采纳 2015-05-02 00:57:23

解决方案2
0 2015-05-02 00:58:01