巧用js提交表单轻松解决一个页面有多个提交按钮

 更新时间:2013年11月17日 16:43:51   作者:  
使用js提交表单想必大家都会,如果要实现一个页面有多个提交按钮,你会吗?下面有个不错的示例,大家可以感受下
复制代码 代码如下:

<pre class="javascript" name="code">function check(txt){
$j("form").submit(function(){
if($txt=="提交"){
this.action="doAddMessage.action?button=提交";
this.submit();
}else{
this.action="doAddMessage.action?button=保存";
this.submit();
}
});
}</pre><br>
<input type="IMAGE" src="style/blue/images/button/send.png" name="button" value="提交" onclick="check(this)"/><input type="IMAGE"src="style/blue/images/button/saveToDraftBox.png" name="button" value="保存" onclick="check(this)"/>
<pre></pre>
<p><br>
例如:页面中有两个图片按钮的提交,我们这个时候可以给他们都绑定onclick事件,这个时候我们借助jquery的form表单有个事件,叫做submit的。</p>
<p>如图,由于,我的项目里面用了dwr,我把jquery的控制权转让给dwr,jquery重新指定 了一个$j,我们获取表单,然后使用submit事件,通过判断value的值,从而可以进行多个页面的跳转。</p>
<p> </p>
<p> </p>

相关文章

  • es6 js 匹配两个数组对象的方法

    es6 js 匹配两个数组对象的方法

    这篇文章主要介绍了es6 js 匹配两个数组对象的方法,实例代码介绍了判断两个数组用的value是否相等,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • Javascript里使用Dom操作Xml

    Javascript里使用Dom操作Xml

    Javascript里使用Dom操作Xml...
    2007-01-01
  • 在JavaScript中使用严格模式(Strict Mode)

    在JavaScript中使用严格模式(Strict Mode)

    这篇文章主要介绍了在JavaScript中使用严格模式(Strict Mode),除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。,需要的朋友可以参考下
    2019-06-06
  • JavaScript的变量声明与声明提前用法实例分析

    JavaScript的变量声明与声明提前用法实例分析

    这篇文章主要介绍了JavaScript的变量声明与声明提前用法,结合实例形式分析了JavaScript变量声明与声明提前相关原理、用法及操作注意事项,需要的朋友可以参考下
    2019-11-11
  • JavaScript prototype对象的属性说明

    JavaScript prototype对象的属性说明

    JavaScript中对象的prototype属性,是用来返回对象类型原型的引用的。我们使用prototype属性提供对象的类的一组基本功能。并且对象的新实例会”继承”赋予该对象原型的操作。但是这个prototype到底是怎么实现和被管理的呢?
    2010-03-03
  • js实现的文字横向无间断滚动

    js实现的文字横向无间断滚动

    要实现这样一个功能,文字在某块区域内横向无间隙滚动。
    2010-12-12
  • js实现对ajax请求面向对象的封装

    js实现对ajax请求面向对象的封装

    这篇文章主要介绍了js实现对ajax请求面向对象的封装的相关资料,需要的朋友可以参考下
    2016-01-01
  • 基于JS实现的随机数字抽签实例

    基于JS实现的随机数字抽签实例

    本文分享了基于JS实现的随机数字抽签的实例代码。小编认为具很好的参考价值,感兴趣的朋友可以看下
    2016-12-12
  • js校验开始时间和结束时间

    js校验开始时间和结束时间

    这篇文章主要为大家详细介绍了js校验开始结束时间,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • JS实现切换标签页效果实例代码

    JS实现切换标签页效果实例代码

    这篇文章介绍了JS实现切换标签页效果实例代码,有需要的朋友可以参考一下
    2013-11-11

最新评论