为什么不能使用简单的按钮JS在控制器中检索表单中的所选值）

Question

我是Java语言的新手，我有一个包含一个测验的表单，该测验包含3个单选按钮和2个导航按钮（上一个/下一个）。

下一个按钮的声明如下：

<button type="submit" class="bouton boutonNav">Suivant</button>

在 Controller 中，我必须由用户检索所选的值，它可以与 Next 按钮一起使用，但不适用于 Previous 我是这样写的。

<button id="btnPrecedent"
        type="button"
        class="bouton boutonNav boutonClair"
        onclick="afficherQuestionPrecedente()">Précédent</button>

JS：

function afficherQuestionPrecedente() {
    document.location.href = '/outil/UWMI/Accueil/afficherQuestionPrecedente';
}

所选值始终为null，但我不明白为什么，从第一次分析来看，两个按钮之间的唯一区别是 Next 按钮的类型为 submit ，因此我在前面的内容中添加了 type = submit ，但它也无法正常工作：/。

我也尝试了afficherQuestionPrecedente方法中的commit（）表单方法的调用，但对我不起作用。

function afficherQuestionPrecedente() {
    document.location.href = '/outil/UWMI/Accueil/afficherQuestionPrecedente';
    document.fmain.submit();
}

这是表单代码：

 <web:form title="fmain" id="fmain" class="cadre question"
            action="/outil/UWMI/Accueil/restituerQuestion"
            method="POST">
            <web:grid-column size="24">
                <!-- Formulaire -->
                <!-- Titre de l'étape -->
                <%--                    <c:if test="${clientMif.bloc.nbreQuestion == '1'}">
                </c:if> --%>
                <div class="cadre question">
                    <div class="cadreCorps"
                        style="display: inline-block; padding-left: 0px;">
                        <c:set var="question" value="${clientMif.bloc.questionCourante}" />
                        <web:grid-column size="23" push="1">
                            <div id="titreConfirm">
                                <p>
                                    <c:out value="${question.libelleQuestion}" escapeXml="false" />
                                </p>
                            </div>
                        </web:grid-column>
                        <c:choose>
                            <c:when test="${question.type =='BV'}">
                                <c:forEach var="questReponse" items="${question.reponses}">
                                    <web:grid-column size="23" push="1">
                                        <div class="questionRadio">
                                            <input type="radio" id="${questReponse.id}"
                                                name="${question.idQuestion}" value="${questReponse.id}"
                                                class="questionRadioCheck"
                                                ${questReponse.selected eq 'oui' ? 'checked' : ''} />
                                            <div class="questionRadioCheck"></div>
                                            <label for="${questReponse.id}"> <c:out
                                                    value="${questReponse.libelle}" escapeXml="false" />
                                            </label>
                                        </div>
                                    </web:grid-column>
                                </c:forEach>
                            </c:when>
                    </div>
                </div>
                <!-- BoutonsFormulaire -->
                <div class="piedNavBoutons">
                    <button id="btnPrecedent" type="button"
                        class="bouton boutonNav boutonClair"
                        onclick="afficherQuestionPrecedente()">Précédent</button>
                    <button type="submit" class="bouton boutonNav">Suivant</button>
                </div>
            </web:grid-column>
        </web:form>