javascript - 防止按下按钮，直到选择单选按钮

Question

我在测验游戏的每张幻灯片上创建了一个按钮。当您循环浏览问题时，包含答案选项的单选按钮会从对象附加到每张幻灯片上。我想要求先单击单选按钮，然后才能访问下一个问题按钮。您可以在下面代码的第 5 行(loadQuestion 函数内部)找到 .append()。什么方法是达到预期结果的最佳方法？如果您需要更多代码，请告诉我。

var loadQuestion = function (){
        $('.question-name').html(name + (qnum) +"/"+ total);
        $('.question').html(questions[count].question);
        for(var i=0; i<questions[count].options.length; i++) {
            $('.inputs').append('<input type="radio" name="question" value="'+questions[count].options[i]+'">'+questions[count].options[i]+'<br>')
        }
    };

    /*--- First Question ---*/
    var name = "Question ";
    var qnum = 1;
    var count = 0;
    var total = questions.length;
    loadQuestion();

    /*--- When the Next Question Button is Hit ---*/
    nextQuestion.click(function() {
        $('.inputs').html("");
        qnum++;
        count++;
        if (qnum <= 4) {
            loadQuestion();
        } else if (qnum == 6) {
            $('.question-name').html("Your Score:");
            $('.question').html("You got X out of 5 questions correct!");
            nextQuestion.html("Home Screen").click(function() {
                location.reload();
            });
        } else if (qnum == 5){
            loadQuestion();
            $('.next-question').html("Get Score!");
        }
    });

Answer 1

$(document).ready(function () {
    $('#nextButton').attr('disabled', true);//disable the button by default on page load
    $("input[type=checkbox]").on("click", function () {
        if (this.length > 0) {
            $('#nextButton').attr('disabled', false);//enable only when the checkbox is checked
        }
    });
});

希望这会有所帮助!

安全说明:任何人都可以使用浏览器中的开发人员工具从按钮标记中删除禁用属性。使用后端验证复选框值。