JSP：form表单中的onclick事件无效

submit 改为button，应该就可以吧

解决方案 »

  1.   

    <input type="submit" name="deleteAll" value="删除全部书籍" onclick="deleteAll()" /> 改成：
    <input type="button" name="deleteAll" value="删除全部书籍" onclick="deleteAll()" /> 
    试试
      

  2.   


    我试了 还是不行啊 但是把<form action="ShoppingCartServlet?flag=update" method="post">
    </form>删掉就可以了
    是不是因为我的script语法写在<head></head>中了？全部代码：<%@ page language="java" import="java.util.*,com.wj.model.*" pageEncoding="gbk"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";//接受要显示的goods信息
    ArrayList al = (ArrayList)request.getAttribute("goodsInfo");
    // System.out.println("al.size="+al.size());
    //得到scm
    ShoppingCartManage scm = (ShoppingCartManage)request.getSession().getAttribute("shoppingCart");
    // HashMap hm = (HashMap)request.getAttribute("hm");

    %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>My JSP 'showShoppingCart.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="css/my.css">

      <script type="text/javascript">
    <!--
    function deleteAll() {
    window.open("ShoppingCartServlet?flag=deleteAll","_self");
    }
    -->
    </script>  </head>
      
      <body topmargin="0" background="images/bg.bmp">
        <table width="80%" border="1" align="center" cellpadding="0" cellspacing="0" class="style1">
      <tr>
        <td>
        <jsp:include page="head.jsp"></jsp:include>
        </td>
      </tr>
      <tr class="style1">
        <td>
        <form action="ShoppingCartServlet?flag=update" method="post">
        <table width="100%" border="1" cellspacing="0" cellpadding="0" class="style1">
          <tr>
            <td colspan="6" align="center"><img src="images/cartnavi-1.gif" width="599" height="49" /></td>
            </tr>
          <tr>
            <td width="23%" align="center">编号</td>
            <td width="24%" align="center">名称</td>
            <td width="27%" align="center">单价</td>
            <td colspan="3">数量</td>
          </tr>
          <%
          if(al != null) {
          for(int i=0; i<al.size(); i++) {
           GoodsBean gb = (GoodsBean)al.get(i);
           %>
           <tr>
            <td align="center"><%=gb.getGoodsId() %></td>
            <td align="center"><%=gb.getGoodsName() %></td>
            <td align="center">￥<%=gb.getGoodsPrice() %></td>
            <td width="11%"><label>
              <input type="hidden" name="goodsId" value="<%=gb.getGoodsId() %>">
              <input name="goodsNum" type="text" size="7" value="<%=scm.getGoodsNum(gb.getGoodsId()+"") %>" />
            </label></td>
            <td width="8%" align="center"><a href="ShoppingCartServlet?flag=deleteGoods&goodsId=<%=gb.getGoodsId() %>">删除</a></td>
            <td width="7%" align="center"><a href="ShowGoodsServlet?flag=showInfo&goodsId=<%=gb.getGoodsId() %>">查看</a></td>
          </tr>
           <%
          }
          }else { 
          %>
           <tr>
            <td align="center">无</td>
            <td align="center">无</td>
            <td align="center">￥0.00</td>
            <td width="11%"><label>
              0
            </label></td>
            <td width="8%" align="center" >删除</td>
            <td width="7%" align="center">查看</td>
          </tr>
          <%
          }
           %>
          
          <tr>
            <td>&nbsp;</td>
            <td align="center">  
              <input type="button" name="deleteAll" value="删除全部书籍" onclick="deleteAll()" />
            </td>
            <td align="center">
            <input type="submit" name="upDate" value="修 改 数 量" />
            </td>
            <td colspan="3">&nbsp;</td>
          </tr>
          
          <tr>
            <td colspan="6">&nbsp;</td>
            </tr>
            <%
            if(al != null) {
            %>
            <tr>
            <td colspan="2">您共选择了价值￥<%=scm.getTotal() %>的商品，点击<a href="index.jsp">此处</a>继续购物。</td>
            <td colspan="4" align="right"><a href="ShoppingCartManage2"><img border="0" src="images/cartnext.gif" width="87" height="19" /></a></td>
            </tr>
            <%
            }else {
            %>
            <tr>
            <td colspan="2">您共选择了价值￥0.00的商品，点击<a href="index.jsp">此处</a>继续购物。</td>
            <td colspan="4" align="right"><img src="images/cartnext.gif" width="87" height="19" /></td>
            </tr>
            <%
            }
            %>
          
        </table>
        </form>
        </td>
      </tr>
      <tr>
        <td>
        <jsp:include page="tail.jsp"></jsp:include>
        </td>
      </tr>
    </table>
      </body>
    </html>
      

  3.   

    我试了 还是不行啊 但是把<form action="ShoppingCartServlet?flag=update" method="post">
    </form>删掉就可以了
    是不是因为我的script语法写在<head></head>中了？全部代码：<%@ page language="java" import="java.util.*,com.wj.model.*" pageEncoding="gbk"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";//接受要显示的goods信息
    ArrayList al = (ArrayList)request.getAttribute("goodsInfo");
    // System.out.println("al.size="+al.size());
    //得到scm
    ShoppingCartManage scm = (ShoppingCartManage)request.getSession().getAttribute("shoppingCart");
    // HashMap hm = (HashMap)request.getAttribute("hm");

    %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        
        <title>My JSP 'showShoppingCart.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="css/my.css">

      <script type="text/javascript">
    <!--
    function deleteAll() {
    window.open("ShoppingCartServlet?flag=deleteAll","_self");
    }
    -->
    </script>  </head>
      
      <body topmargin="0" background="images/bg.bmp">
        <table width="80%" border="1" align="center" cellpadding="0" cellspacing="0" class="style1">
      <tr>
        <td>
        <jsp:include page="head.jsp"></jsp:include>
        </td>
      </tr>
      <tr class="style1">
        <td>
        <form action="ShoppingCartServlet?flag=update" method="post">
        <table width="100%" border="1" cellspacing="0" cellpadding="0" class="style1">
          <tr>
            <td colspan="6" align="center"><img src="images/cartnavi-1.gif" width="599" height="49" /></td>
            </tr>
          <tr>
            <td width="23%" align="center">编号</td>
            <td width="24%" align="center">名称</td>
            <td width="27%" align="center">单价</td>
            <td colspan="3">数量</td>
          </tr>
          <%
          if(al != null) {
          for(int i=0; i<al.size(); i++) {
           GoodsBean gb = (GoodsBean)al.get(i);
           %>
           <tr>
            <td align="center"><%=gb.getGoodsId() %></td>
            <td align="center"><%=gb.getGoodsName() %></td>
            <td align="center">￥<%=gb.getGoodsPrice() %></td>
            <td width="11%"><label>
              <input type="hidden" name="goodsId" value="<%=gb.getGoodsId() %>">
              <input name="goodsNum" type="text" size="7" value="<%=scm.getGoodsNum(gb.getGoodsId()+"") %>" />
            </label></td>
            <td width="8%" align="center"><a href="ShoppingCartServlet?flag=deleteGoods&goodsId=<%=gb.getGoodsId() %>">删除</a></td>
            <td width="7%" align="center"><a href="ShowGoodsServlet?flag=showInfo&goodsId=<%=gb.getGoodsId() %>">查看</a></td>
          </tr>
           <%
          }
          }else { 
          %>
           <tr>
            <td align="center">无</td>
            <td align="center">无</td>
            <td align="center">￥0.00</td>
            <td width="11%"><label>
              0
            </label></td>
            <td width="8%" align="center" >删除</td>
            <td width="7%" align="center">查看</td>
          </tr>
          <%
          }
           %>
          
          <tr>
            <td>&nbsp;</td>
            <td align="center">  
              <input type="button" name="deleteAll" value="删除全部书籍" onclick="deleteAll()" />
            </td>
            <td align="center">
            <input type="submit" name="upDate" value="修 改 数 量" />
            </td>
            <td colspan="3">&nbsp;</td>
          </tr>
          
          <tr>
            <td colspan="6">&nbsp;</td>
            </tr>
            <%
            if(al != null) {
            %>
            <tr>
            <td colspan="2">您共选择了价值￥<%=scm.getTotal() %>的商品，点击<a href="index.jsp">此处</a>继续购物。</td>
            <td colspan="4" align="right"><a href="ShoppingCartManage2"><img border="0" src="images/cartnext.gif" width="87" height="19" /></a></td>
            </tr>
            <%
            }else {
            %>
            <tr>
            <td colspan="2">您共选择了价值￥0.00的商品，点击<a href="index.jsp">此处</a>继续购物。</td>
            <td colspan="4" align="right"><img src="images/cartnext.gif" width="87" height="19" /></td>
            </tr>
            <%
            }
            %>
          
        </table>
        </form>
        </td>
      </tr>
      <tr>
        <td>
        <jsp:include page="tail.jsp"></jsp:include>
        </td>
      </tr>
    </table>
      </body>
    </html>
      

  4.   

     <input type="submit" name="deleteAll" value="删除全部书籍" onclick="deleteAll()" />  LS说的把 submit 改为 button  点击后触发这个onclick，就是这个函数
    function deleteAll() {
      alert（“测试”）；
    window.open("ShoppingCartServlet?flag=deleteAll","_self");
    }看触发这个事件没！应该就可以了。
      

  5.   

    你先测试下 alert 一句话出来  看 函数有没有调用 
      

  6.   

    对，
    <input type="submit" name="deleteAll" value="删除全部书籍" onclick="deleteAll()" /> 改成：
    <input type="button" name="deleteAll" value="删除全部书籍" onclick="deleteAll()" /> 
    试试 应该就没有问题了。
      

  7.   

    submit是表单提交，会把表单数据一起提交到后台
    onclick里面你要把提交的数据封装好提交到后台才行
    <input type="hidden" name="goodsId" value="<%=gb.getGoodsId() %>">
      <input name="goodsNum" type="text" size="7" value="<%=scm.getGoodsNum(gb.getGoodsId()+"") %>" />
    这两个的值肯定没有传到后台
      

  8.   

    你既然是异步提交，干嘛还写<form action="ShoppingCartServlet?flag=update" method="post">