用于单选按钮检查的 JavaScript if 语句

Question

我正在混合使用 AJAX 和 JavaScript 进行一个简单的测验。

这个想法是，如果您单击右侧的单选按钮，您的分数就会增加 1。但就目前而言，我想通过在您检查正确按钮时显示一条警报来检查它是否正常工作。

看这里，我只将代码放入了 QUESTION1 中。

http://fh80.student.eda.kent.ac.uk/fyp-assets/quiz/quiz.php

这就是单选按钮的编码方式，仅使用 ID 来表示正确答案:

<input type="radio" name="question1" value="thunderbolt">Thunder Bolt<br>
<input type="radio" name="question1" value="lightningbolt" id="lightningbolt">Lightning Bolt<br>

这是运行的脚本。它应该指示输入 id="lightning" = CorrectAnswer - 然后检查 CorrectAnswer ，将显示警报。否则什么也不做

var correctAnswer = document.getElementById("lightningbolt");

if (correctAnswer.checked){
    alert("CORRECT");
}
else(){}

这似乎不起作用，而且我没有看到任何 JS 错误，我做错了什么？

Answer 1

将左括号和右括号放在 else 语句后面会导致语法错误。

if (correctAnswer.checked){
    alert("CORRECT");
}else{

}

JS fiddle : http://jsfiddle.net/qxb5Z/

在 head 部分添加以下内容应该可以使事情正常进行:

<script>
window.onload = function(){
    document.getElementById("question_1a").onclick = function(){
        var correctAnswer = document.getElementById("lightningbolt");
        if (correctAnswer.checked){
            alert("CORRECT");
        }
     };
}
</script>