在调查中切换是/否按钮继续

时间:2014-07-07 19:57:02

标签: javascript onclick toggle

我想知道如何确保在我的调查中切换“是”或“否”按钮以继续(因此,如果单击“是”或“否”,则nextQuestion功能可以继续。如果是或否,则点击,我会提醒用户请做出选择)。我目前在相同的功能中有进度条和问题更新。我认为将这一点添加到它是有意义的,但我感到困惑。

    var index_question = 0;
    var question_number = 2;
    var progress_question = 1;
    var percentage = 0;

    function nextQuestion(){

            if (index_question < 4) && ($(".btn-success").button('toggle')) {
                <!-- Question # and Question Text --> 
                document.getElementById("questionArea").innerHTML = questionSet[index_question];
                index_question ++;
                document.getElementById("questionNum").innerHTML = [question_number];
                question_number ++;
                <!-- Progress Bar -->
                percentage = ((([progress_question])*(100))/(5));
                progress_question++;
                $(".progress-bar").width([percentage] + "%");

             } 
        <!-- Survey Completed -->
        else {

            $(".progress-bar").width("100%");
            alert("Thank you for completing the survey!")

            }
        }

            <td><button class="btn btn-success" type="button" onclick="questionDecision">Yes</button></td>
            <td><button class="btn btn-danger" type="button" onclick="questionDecision">No</button></td>

    function questionDecision() {
        $(".btn btn-success").button('toggle');
        $(".btn btn-danger").button('toggle');
    }

1 个答案:

答案 0 :(得分:0)

一个选项是在var answered_question = False;等Javascript中设置一个变量,在True函数中做出选择后设置为questionDecision。在将用户推进到下一个问题或更新进度条之前,请务必检查if(clicked_yes_or_no==True){ }