Question

我正在尝试创建一个表单，当用户单击下一个按钮时，问题会逐一显示。我能够显示第一个问题，但不知道如何清除dom并呈现下一个问题。我需要在javascript中编写一个onclick函数，它显示下一个问题并最终计算成绩。

     <script type="text/javascript">
        function nextQuestion(){

        }
     </script>

    <form method="POST">
        <div id="page1">
            <div>question 1</div><br><br>
            <input type='radio' name='group1' id='correct' value="1">1<br><br>
            <input type='radio' name='group1' id='2' value="2">2<br><br>
            <input type='radio' name='group1' id='3' value="3">3<br><br>
            <input type='radio' name='group1' id='4' value="4">4<br><br>
        </div>
    <button id="next" onclick="nextQuestion();">Next</button>
    </form>

Answer 1

<script type="text/javascript">
    function nextQuestion(){
        var selectedVal = $(":radio[name=group1]:checked").text();
        $('#dv_question').empty().html('question ' + selectedVal);
    }
 </script>

<form method="POST">
    <div id="page1">
        <div id="dv_question">question 1</div><br><br>
        <input type='radio' name='group1' id='correct' value="1"<br><br>
        <input type='radio' name='group1' id='2' value="2">2<br><br>
        <input type='radio' name='group1' id='3' value="3">3<br><br>
        <input type='radio' name='group1' id='4' value="4">4<br><br>
    </div>
<button id="next" onclick="nextQuestion();">Next</button>
</form>

希望这个能帮到你。

Answer 2

使用AJAX调用加载QUESTION并替换
内容与AJAX的回应。

如何在新页面上显示新文本

2 个答案: