javascript-为什么这段代码onClick无效啊

问题描述

为什么这段代码onClick无效啊

 <%@ 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 'cart1.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">

<script type="text/javascript">
        function jian() {
            alert(" ---");
        }
        function addd() {
            alert(" ++=");
        }
    </script>

  </head>

  <body>
    <form  method="post" >
        <table border=1 align="center">
            <tr>
                <td  colspan="4" align="center">订单</td>
            </tr>
            <tr>
                <td>商品</td>
                <td>数量</td>
                <td>总价</td>
            </tr>
            <tr>
                <td>aaa</td>
                <td><input type="button" name="jian" onClick="jian()" value="-"></button>
                    <input name="shuru" class="input_text" type="text" value="1" size="3">
                <button name="addd" onClick="addd()">+</button></td>
                <td><input name="cost" class="input_text" type="text" value="0" size="3"
                    value="0"></td>
            </tr>
            <tr>
                <td colspan="4" align="center">
                    <button id="buy_anniu" type="submit" onClick="but()">提交</button>
                    <button type="reset">重置</button>
                </td>
            </tr>
            </table>

    </form>
  </body>
</html>

解决方案

不要用button标签，用input type='button'，你用button标签再标准浏览器下是提交按钮，直接提交表单了，而且你的输入控件对象不要将name和你的函数名起一样，会导致在onclick引用到这个控件，而不是你的函数

           <tr>
                <td>aaa</td>
                <td><input type="button" onClick="jian()" value="-">
                    <input name="shuru" class="input_text" type="text" value="1" size="3">
                <input type="button"  onClick="addd()" value="+"/></td>
                <td><input name="cost" class="input_text" type="text" value="0" size="3"
                    value="0"></td>
            </tr>

时间： 2024-09-14 12:09:00

javascript-为什么这段代码onClick无效啊的相关文章

JavaScript 下面这段代码不知道问题在哪儿

问题描述 <!DOCTYPE html><html><head><title>关于this的测试</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /></head><body><script>//<![CDATA[this.y=2;var prion =

转自:http://blog.csdn.net/wowuyinglingluan/article/details/45720151 版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[-] 整段代码关于无效的forward 关于定时精度问题精确调整和overrun问题存疑随着各种嵌入式设备上采用linux,特别是Android系统的广泛应用,linux的hrtimer高精度模式开始被广泛支持.当然,虽说可以支持到ns精度,具体实现依赖于硬件定时器和内核编译条件,不过

callback(data)-javascript代码，从request取到callback值之后，有段代码没看懂，请大神指导。

问题描述 javascript代码,从request取到callback值之后,有段代码没看懂,请大神指导. if('${callback}' != ''){ var callback = eval('window.opener.${callback}'); callback(data); } 非常疑惑,为什么可以执行callback(data);这段代码没看懂啊. 解决方案 callback 是一个方法吧,你找找看

javascript两段代码,两个小技巧_javascript技巧

第一段代码就是强调一下这个用法,我在我的项目中使用了一个switch,后来我发现这样的代码好丑,于是我就写成||&&形式的, 后来测试性能的时候,发现性能竟然上了一个数量级,可见这种写法在某些情况下可以增加性能,但是我并不确定是何种情况才能提高性能,因为我测试在通常情况下switch和||&&的性能是差不多的. 原来的代码: 复制代码代码如下: switch(this.now_char=this.str.charAt(this.index)){ case "/&

根据一段代码浅谈Javascript闭包_javascript技巧

复制代码代码如下: function f1(){ var n = 999; nAdd = function(){ n += 1; } function f2(){ alert(n); } return f2; } 这里的闭包是f1,封闭了一个变量n和一个函数f2. 我们先无视nAdd,尽量保持原貌重写一下这个函数. 复制代码代码如下: function f1(){ var n = 999; var f2 = function(){ alert(n); }; return f2; } var

JavaScript使用技巧精萃[代码非常实用]_javascript技巧

(一).确认删除用法: 1. BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')"); 2. linktempDelete.Attributes["onclick"]="javascript:return confirm('"+"确认删除?"+"');"; 3. privat

手机开发必备技巧：javascript及CSS功能代码分享

这篇文章主要介绍了手机开发必备技巧:javascript及CSS功能代码分享,本文讲解了viewport(可视区域)操作.链接操作.javascript事件等内容,需要的朋友可以参考下 1. viewport: 也就是可视区域.对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏.状态栏.滚动条等等之后用于看网页的区域, 这是真正有效的区域.由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport; 实际上我们可以操作的属性有4 个: 代码如下: wi

html5-这段代码错在哪，为什么不管点那个选项，评论都会消失

问题描述这段代码错在哪,为什么不管点那个选项,评论都会消失 <script type=""text/javascript""> function Rdo_Click(v){ var blnShow; if(v==1){ blnShow=false; } else{ blnShow=true; } var strArt=document.getElementById(""art""); strArt.setAttr

javascript-求解释下这段代码，可怜可怜我这个新手吧，拜托了，各位大神

问题描述求解释下这段代码,可怜可怜我这个新手吧,拜托了,各位大神求解释下这段代码,最主要的是详细解释下条件语句和 onclick,那个好像是各种嵌套吧,所以我希望大神们能一个点一个点的讲~拜托了,各位大神,可怜可怜我这个新手吧, <s:form action="Save" id="form1" theme="simple" > <div class="buttonDiv"> <s:submit