第一个动态页面,根据输入的数字产生第二页面的列数
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'begin.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
function validate()
{
var num =document.getElementsByName("number")[0];
if(num.value.length<1)
{
alert("输入不能为空");
num.focus();
return false;
}
for(var i=0;i<num.value.length;i++)
{
var param="0123456789";
if(param.indexOf(num.value.charAt(i))== -1)
{
alert("输入必须为数字");
num.focus();
return false;
}
}
if(parseInt(num.value)<5||parseInt(num.value)>15)
{
num.value=10;
}
return true;
return true;
}
</script>
</head>
<body>
<form action="end.jsp" name="form1" method="post" onsubmit="return validate();">
请输入数字(5-15)<input type="text" name="number"><br>
<input type="submit" value="submit">
</form>
</body>
</html>
第二个结果页面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'end.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
function checkAll()
{
var s=document.getElementsByName("check");
var m=document.getElementsByName("all")[0];
if(m.checked)
{
for(var i=0;i<s.length;i++)
{
s[i].checked = true;
}
}
else
{
for(var i=0;i<s.length;i++)
{
s[i].checked = false;
}
}
}
function turn()
{
with(document)
{
var m =getElementById("change");
var n =getElementById("table");
if(m.value=="收缩")
{
n.style.display="none";
m.value="展开";
}
else
{
n.style.display="block";
m.value="收缩";
}
}
}
</script>
</head>
<body>
<table border="1" align="center" width="60%">
<tr>
<td>
<input type="checkbox" name="all" onclick="checkAll();">全选
</td>
<td>
<input type="button" value="收缩" id="change" onclick="turn();">
</td>
</table>
<%int number=Integer.parseInt(request.getParameter("number"));%>
<table border="1" align="center" width="60%" id="table">
<%for(int i=1;i<=number;i++){ %>
<tr>
<td>
<input type="checkbox" name="check">
</td>
<td>
<%= i %>
</td>
</tr>
<%} %>
</table>
</body>
</html>