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

我是Javascript新手，我有一个表单，其中包含一个测验，有3个单选按钮和2个导航按钮（上一个/下一个）

“下一步”按钮声明如下：

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

所选值始终为空，但我无法理解为什么从第一次分析来看，这两个按钮之间的唯一区别是Next按钮的类型为submit，因此我将type=submit添加到上一个按钮中，但它也不起作用：/

我还尝试了在AfficherQuestionPrevente方法中调用submit（）form方法，但它对我不起作用

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>

公关部
苏万特

请发布相关的HTML，例如包含“所选值”的字段。我建议您包装在一个表单标签中-然后提交按钮将发送结果“所选值始终为空”所选值是什么？您没有使用值显示任何内容。请使用演示问题的按钮更新问题。抱歉@mplungjan，上面添加了表单。我希望两个按钮都是提交按钮

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>