jsf试图更新我的表单

我正在尝试制作一个在线考试系统，在mysql数据库中读取和存储数据

现在我正在尝试创建问题页面，我只想在页面上提出一个问题，用户可以通过单击下一步转到下一个问题，或者通过单击上一步返回到上一个问题，因此，我的问题是，当用户单击next时，如何使用h:commandButton来更新问题和答案选项，并记住问题编号可能会有所不同

到目前为止，我有一个托管bean，它有一个列表，我可以在网页中检索这个列表，但所有问题都在同一页上

    <h:form>
        <ui:repeat value="#{mbQuestion.questions}" var="value">

            <h3 align="left" style="color: white;">
                Question #{value.id} <br />
            </h3>


            <h3 align="left" style="color: white;">
                #{value.questionTxt} <br />
            </h3>
            <div class="ui-grid ui-grid-responsive"
                style="width: 10%; color: white;">
                <div class="ui-grid-row">
                    <div class="ui-grid-col-1">
                        <input type="checkbox" name="cb1" id="cb1_1" value="1" />
                    </div>
                    <div class="ui-grid-col-11">
                        <label for="cb1_1" class="ui-widget"> 1</label>
                    </div>
                </div>
                <div class="ui-grid-row">
                    <div class="ui-grid-col-1">
                        <input type="checkbox" name="cb1" id="cb1_2" value="2" />
                    </div>
                    <div class="ui-grid-col-11">
                        <label for="cb1_2" class="ui-widget">Option 2</label>
                    </div>
                </div>
                <div class="ui-grid-row">
                    <div class="ui-grid-col-1">
                        <input type="checkbox" name="cb1" id="cb1_3" value="3" />
                    </div>
                    <div class="ui-grid-col-11">
                        <label for="cb1_3" class="ui-widget">Option 3</label>
                    </div>
                </div>
            </div>

        </ui:repeat>
    </h:form>

问题#{value.id}

#{value.questionTxt}

1.
选择2
选择3

---

有人能给我一些建议吗？

使用PrimeFaces怎么样@peterremec我不知道会提供多少问题有没有办法让这个向导变得动态？@peterremec我会用c:谢谢你的建议这是我最有效的方法。