我想在jsp中设置一个九宫格来放九个数字,并且点击后验证正确还是错误,正确跳转到页面Success.jsp,错误点击的数字变成NG
时间: 2024-05-01 21:16:54 浏览: 13
可以通过以下步骤实现:
1. 在jsp页面中布局一个九宫格的表格,每个单元格中放置一个数字按钮,并设置一个点击事件。
2. 在点击事件中,获取点击的按钮的数字,并与正确答案进行比较。如果正确,跳转到Success.jsp页面,否则将按钮的文本设置为"NG"。
以下是一种示例代码:
```
<%
// 生成随机的正确答案(1-9的随机数字)
int answer = (int)(Math.random() * 9) + 1;
%>
<table>
<% for (int i = 1; i <= 3; i++) { %>
<tr>
<% for (int j = 1; j <= 3; j++) { %>
<td>
<button onclick="checkAnswer(<%= i*3+j %>)"><%= i*3+j %></button>
</td>
<% } %>
</tr>
<% } %>
</table>
<script>
function checkAnswer(num) {
if (num == <%= answer %>) {
// 答案正确,跳转到Success.jsp页面
location.href = "Success.jsp";
} else {
// 答案错误,将按钮的文本设置为"NG"
document.getElementsByTagName("button")[num-1].innerHTML = "NG";
}
}
</script>
```
在这个示例中,我们使用了一个随机数来作为正确的答案。每个按钮的点击事件都会调用checkAnswer函数,该函数会将点击的按钮的数字作为参数传入。在函数中,我们将该数字与正确答案进行比较,如果相等,则跳转到Success.jsp页面;否则,将按钮的文本设置为"NG"。