javascript onload事件没有调用

Posted 2021-05-03

我正在开发一个简单的应用程序，用户可以选择滑雪板程序。他们最多只能选择3个程序，程序会检查存储程序的集合，如果它包含> 3个条目，那么它应该禁用用户可用的所有按钮。然而，该功能似乎并没有被调用。我已尝试使用不同的事件触发器，如onlick等，但无济于事。任何帮助表示赞赏。

javascript函数

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

                var selectedButton = document.getElementById(t);
                var selectedLessonSize = document.getElementById("selectedLessonSize");
                if (selectedLessonSize.value > 3) { 
                    alert("more than 3");
                     selectedButton.disabled = true;  
                 } else {
                     selectedButton.disabled = false;
                     alert("less than 3");
                 }  
         }  

        </script>

JSP ForEach循环（遍历集合并显示可用程序）

            <c:forEach var="entry" items="${lessonTimetable.lessons}">

                <form method="POST" action="chooseLesson">
                    <tr>
                        <td><c:out value="${entry.key}"/></td>
                        <td><c:out value="${entry.value.description}"/></td>
                        <td><c:out value="${entry.value.date}"/></td>
                        <td><c:out value="${entry.value.startTime}"/></td>
                        <td><c:out value="${entry.value.endTime}"/></td>
                        <td><c:out value="${entry.value.level}"/></td>
                        <td><input type="hidden" name="lessonid" value="${entry.key}"/>
                            <input type="hidden" id="selectedLessonSize" value="${lessonSelection.numChosen}"/>
                            <input id="button${entry.key}" type="submit" value="select lesson" disabled="true" onload="restrictSelection(this)"/>
                        </td>
                    </tr>
                </form>
            </c:forEach>

答案

尝试将<input id="button${entry.key}" type="submit" .....改为<button id="button${entry.key}" onclick="restrictSelection(this.id)">.....