用JS实现一个表单多个按钮的方法，两个onclick事件处理

最新推荐文章于 2024-05-15 14:27:11 发布
最新推荐文章于 2024-05-15 14:27:11 发布
阅读量323 收藏
点赞数
原文链接：http://www.cnblogs.com/gwq369/p/5507702.html
版权

<html> 

< head > 
< script > 
   function submitit1() 
   //交由程序1处理   
   { 
     document.form1.action = "http://www.baidu.com/" 
     document.form1.submit(); 
   } 
   function submitit2() 
   //交由程序2处理   
   { 
     document.form1.action = "http://www.taobao.com/" 
     document.form1.submit(); 
   } 
</ script > 
</ head > 
   
< body > 
< form name = "form1" METHOD =" POST"  > 
   username:< input type = text name = text1 > 
   password:< input type = password name = text2 > 
   < input type = button value = "Submit1" onClick = submitit1 ();> 
   < input type = button value = "Submit2" onClick = submitit2 ();> 
</ form > 
</ body > 
</ html >

转载于:https://www.cnblogs.com/gwq369/p/5507702.html

weixin_30546933
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
巧用js灵活提交表单，解决一个页面有多个提交按钮
kkrgwbj的专栏
11-16 185
function check(txt){ $j("form").submit(function(){ if($txt=="提交"){ this.action="doAddMessage.action?button=提交"; this.submit(); }else{ this.action="doAddMessage.act...
当一个表单中有多个按钮时，可以通过onclick()事件触发不同的action请求
fighting_12的专栏
11-22 6702
当一个表单中有多个按钮时，可以通过onclick()事件触发不同的action请求 例如：         document.forms[0].action = "photoManage_update.action";(要跳转的action)        document.forms[0].submit();(提交)
2024年最新每天10个前端小知识 【Day 7】_前端怎么绑定两个点击事件，Web前端基础面试
最新发布
2401_84617681的博客
05-15 330
对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。
用js实现选项卡，点击不同按钮显示执行不同的操作
psjasf1314的博客
04-12 3611
内容描述：通过不同的按钮显示不同的页面，用js实现。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用js实现选项卡</title> <style> /*class的css写法*/ .active { background-color: gold;
一个form表单有多个提交按钮
ITcainiaoyizhan的博客
11-28 2547
思路是这样的：先不指定表单的action，让action属性为""，method=“post”，为你的提交按钮全部替换为普通按钮，给它们都加上onclick事件，注意这里每一个按钮的onclick方法是一样的，只是传递的参数不一样，这里的参数只是起到标记是哪一个按钮的用。 最后根据onclick里的方法传递的参数不同，可以判断是来自哪一个按钮的消息，再为表单设置方法并提交。 这里有个案例（发布文章...
onclick中实现两个方法
zhangvalue的博客
09-18 1474
//方法之间用分号隔开 <input type="button" οnclick="a();b();" value="ab"/> function a(){ alert("a方法"); } function b(){ alert("b方法"); }
js实现表单多按钮提交action的处理方法
11-25
总之，使用JavaScript实现表单多按钮提交`action`的处理方法是一种常见且实用的技术，它能够帮助我们在不改变表单结构的前提下，实现不同的提交逻辑。通过理解这一方法，开发者可以更好地满足用户需求，提升网页应用...
JavaScript给按钮绑定点击事件（onclick）的方法
10-24
这种方法更灵活，因为它允许你为同一个元素添加多个事件处理程序： ```javascript document.querySelector('button').addEventListener('click', displayDate); ``` 在这个示例中，`addEventListener`接收两个参数...
两个SUBMIT按钮，如何区分处理
12-03
在网页设计中，有时我们需要在一个表单中设置多个提交（SUBMIT）按钮，以便执行不同的操作，例如“修改”和“删除”。面对这种情况，我们如何在服务器端区分这两个按钮的点击事件呢？以下两种方法可以帮助你实现这一...
php 多个submit提交表单 处理方法
10-29
在PHP中，处理具有多个提交按钮...总结来说，处理PHP中的多个submit表单提交可以通过检查POST数据、使用隐藏字段或利用JavaScript来实现。具体选择哪种方法取决于项目需求、浏览器兼容性和对JavaScript的依赖程度。
checkbox 选中一个另一个checkbox也会选中的实现代码
09-02
这里用了两种方法：一是通过指定多个 ID 并用逗号分隔，逐一设置选中状态；二是利用 CSS 选择器 `input[type=checkbox]` 一次性设置所有同类型的 `checkbox`。 同样的逻辑应用于第二列、第三列和第四列的 `checkbox...
原生js给一个按钮绑定两个onclick事件
qq_44697315的博客
03-03 2696
原生js给一个按钮绑定两个onclick事件
javascript实现一个按钮绑定多个事件
m0_71912711的博客
03-30 2152
javascript实现一个按钮绑定多个事件，实现点击一个按钮实现多个隐藏文字的同时出现和隐藏通过两种方法实现一个按钮绑定多个事件，实现点击一个按钮实现多个隐藏文字的同时出现和隐藏。
如何利用一个按钮绑定两个事件
jrrfgj的博客
11-14 8278
如何利用一个按钮绑定两个事件
如何使用原生 JavaScript 给一个按钮绑定两个 onclick 事件？
小废物
02-20 4968
如何使用原生 JavaScript 给一个按钮绑定两个 onclick 事件？ <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
JS事件click调用两次、多次
落霞朝阳七千里，夏雨冬雪九万顷
06-18 4243
JS事件click调用两次、多次 昨天项目中遇到一个问题：场景：打开弹窗页面，点击按钮动态对表格添加一行，关闭弹窗之后再打开弹窗，点击按钮就出现了直接添加两行，
如何用Js实现给一个按钮绑定2个事件？
qq_42732038的博客
08-17 4633
HTML部分： <button id="btnMember" onclick="openMember();openTankuang();">开通会员</button> Js 部分： <script> var btn = document.getElementById("btnMember"); function openMember(){ window.open('http://china
jq实现点击一个按钮，触发另一个点击事件（点击按钮触发另一个按钮的点击事件）
热门推荐
cbat的博客
03-26 2万+
jq实现点击一个按钮，触发另一个点击事件 $("#a").click(function(){ $("#b").trigger('click'); }) 实现点击完id为a的按钮后，触发id为b的节点的点击事件。
设计一个表单，在Select框中输入周一到周日，然后设计两个按钮，分别实现删除周一和添加周一。
07-12
然后有两个按钮，一个用于删除选定的一天，另一个用于添加一天。点击按钮时，会调用对应的JavaScript函数来执行相应的操作。 注意：这只是一个简单的示例，实际应用中可能需要更多的验证和处理逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值