javascript - 将单选按钮值与预定值进行比较

Question

我正在尝试将选定的单选按钮值与预定值进行比较，然后显示与匹配或不匹配相对应的文本。这看起来应该很简单，但无论两个值是否匹配，它都会显示“匹配”文本。

这是我的代码：

submit: function() {
    $("#submit").click(function(){
        if($("input:radio[name=answers]:checked").val() == triviaGame.correctSelection) {
            $("#result").text("Correct!");
        } else {$("#result").text("I'm sorry, you did not select the correct answer :(");}
    });

我也试过：

submit: function() {
$("#submit").click(function() {
    if ($("input:radio[name=answers]:checked").val() == triviaGame.questions[questionSelectNum].choices[triviaGame.questions[questionSelectNum].choices[0]]) {
        $("#result").text("Correct!");
     } else {$("#result").text("I'm sorry, you did not select the correct answer :(");}
});

我已经尝试过===以及==其他语法调整。

我检查以确保我在我的nextQuestion方法中正确设置了单选按钮的值，并且我的测试有效，所以我认为这不是问题。最让我困惑的是 if (true) 代码在不应该执行的时候执行，而不是 else (false) 代码在不应该执行的时候执行，我认为这更可能是一个错误。

这是我的 HTML：

<div>
    <button id = "nextQuestion">Next Question</button>
    <br></br> 
    <div id = "questionDisplay"></div>
    <br></br>
    <input type="radio" id= "1" name="answers" value="defaultVal">
    <label id= "labelOne">Answer 1</label>
    <br></br>
    <input type="radio" id= "2" name="answers" value="defaultVal">
    <label id= "labelTwo">Answer 2</label>
    <br></br> 
    <input type="radio" id= "3" name="answers" value="defaultVal">
    <label id= "labelThree">Answer 3</label>
    <br></br>
    <input type="radio" id= "4" name="answers" value="defaultVal">
    <label id= "labelFour">Answer 4</label>
    <br></br>
    <button id = "submit">Submit</button>
    <br></br>
    <div id= "result">Please select an answer above</div>
</div>   

这是jsbin 上完整代码的链接。

Answer 1

抱歉，我一开始弄错了，我想你只需要更新这个部分：

 //sets the values of each radio button to the same value as each radio's corresponding answer 
   $("#1") .val(triviaGame.firstAnswer);
   $("#2") .val(triviaGame.firstAnswer);
   $("#3") .val(triviaGame.firstAnswer);
   $("#4") .val(triviaGame.firstAnswer);

有了这个：

 //sets the values of each radio button to the same value as each radio's corresponding answer 
   $("#1") .val(triviaGame.firstAnswer);
   $("#2") .val(triviaGame.secondAnswer);
   $("#3") .val(triviaGame.thirdAnswer);
   $("#4") .val(triviaGame.fourthAnswer);

http://jsbin.com/OKecora/1/edit