js 与 jsp 一起工作：
begin.jsp
<%@ 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> <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; } </script> </head> <body> <form action="end.jsp" name="form1" method="post" onsubmit="validate();"> 请输入数字 (5-15)：<input type = "text" name = "number"> <br> <input type="submit" value = "Submit"> </form> </body> </html>
end.jsp
<%@ 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> <script type="text/javascript"> function checkall() { var s = document.getElementsByName("check"); var m = document.getElementsByName("all")[0]; if (m.checked) { for (var i in s) { s[i].checked = true; } } else { for (var i in s) { 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> </tr> </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>
结果：
