Question

$(document).ready(function(){
$("#start_quiz").click(function(){
    $("#start_quiz").fadeOut(0);
    $("#quiz_game").fadeIn('slow');

    $("#answer_button").click(function(){
        if($("#test").is(":checked")){
            $(".questions").fadeOut(200, function(){
                $('#correct_answer').fadeIn('slow');
            });
        };

    });

});
});

我已经设法让这个jQuery代码工作，所以如果正确答案在我的表单中，它将淡出并显示一些文本。我想知道如何设计这个，所以如果按下任何其他四个单选按钮，它可以改为显示其他文本（目前没有任何反应）。提前感谢您的帮助。

Answer 1

if($("#test").is(":checked")){
            $(".questions").fadeOut(200, function(){
                $('#correct_answer').fadeIn('slow');
            });
}
else if($("#testotherone").is(":checked")){
            $(".questions").fadeOut(200, function(){
                $('#otherone_answer').fadeIn('slow');
            });
}
else if($("#testothertow").is(":checked")){
            $(".questions").fadeOut(200, function(){
                $('#othertow_answer').fadeIn('slow');
            });
}

Answer 2

$(document).ready(function () {
    $("#start_quiz").click(function () {
        $("#start_quiz").fadeOut(0);
        $("#quiz_game").fadeIn('slow');

        $("#answer_button").click(function () {
            if ($("#test").is(":checked")) {
                $(".questions").fadeOut(200, function () {
                    $('#correct_answer').fadeIn('slow');
                });
            } else {
                /* YOU WOULD PUT CODE HERE FOR INCORRECT ANSWER */
            }

        });

    });
});

http://jsfiddle.net/24DeT/

如何在此Jquery中添加else语句？

2 个答案: