我正在开发一个简单的应用程序,用户可以选择滑雪板程序。因此,它们只能选择最多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>
答案 0 :(得分:0)
尝试更改<input id="button${entry.key}" type="submit" .....
到<button id="button${entry.key}" onclick="restrictSelection(this.id)">.....