如何获取输入单选按钮的值并根据答案做某事？

Question

我基本上是在做一个 10 个问题的测验。我知道有很多方法可以做到这一点，并且有很多关于如何获取输入单选按钮值的答案，但我就是想不通！我将 Foundation 5 的 Abide Validation 用于“required”属性和“on('valid.fndtn.abide')”，这只是确保现在选择了答案。

HTML

<h2>Choose one answer:</h2>
<div class="radio">
    <div class="input-radio"><input type="radio" name="question_10" value="Wrong" id="option_37" required><label for="option_37">Answer 37</label></div>
    <div class="input-radio"><input type="radio" name="question_10" value="Wrong" id="option_38" required><label for="option_38">Answer 38</label></div>
    <div class="input-radio"><input type="radio" name="question_10" value="Wrong" id="option_39" required><label for="option_39">Answer 39</label></div>
    <div class="input-radio"><input type="radio" name="question_10" value="Correct" id="option_40" required><label for="option_40">Answer 40</label></div>
</div>

我现在拥有的Javascript（没有其他东西）。现在即使我选择了正确的答案，这也会返回“否”。如果我将所有答案都设为“正确”，它将返回“是”。

$(document).ready(function(){
    $('.form-prepare').on('valid.fndtn.abide', function(e) {
        var answer10 = $("input[name='question_10']").val();

        if (answer10 === "Correct") { alert("Yes!"); } 
        else { alert("No!"); 
        e.preventDefault();
    });
});

编辑：删除了问题的第二部分，因为我认为它本身可能是它自己的问题。根据答案，我错过了输入变量的 :checked 部分。谢谢！

Answer 1

jQuery 的.val() 方法只会在选择器返回集合时返回第一个元素的值，因此您总是检索名称等于 question_10 的第一个输入的值。

要正确检索您的值，您需要将选择器限制为仅返回选中的元素，如下所示：

$("input[name='question_10']:checked").val();