java script3

这里写图片描述
这里写图片描述

第一个动态页面,根据输入的数字产生第二页面的列数

<%@ 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>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值