Question

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

这个想法是，如果你点击右边的单选按钮，你的得分就会增加1。但就目前而言，我想通过在检查正确按钮时显示正确的alert来检查它是否正常工作。

请参见此处，我只将代码放入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小提琴： 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>

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

1 个答案: