JS button按钮实现submit按钮提交效果


Posted in Javascript onNovember 01, 2016

今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现,代码实现见如下:

form设置:

<form method=”post” name=”linkform”>

隐藏的act方法设置,代码如下:

<input name=”act” type=”hidden” />

最后关键的是 button的设置,更新按钮,代码如下:

<input onclick=”document.linkform.act.value='update'; document.linkform.submit();” name=”update” type=”button” value=”更新” />

删除按钮,代码如下:

<input onclick=”if(confirm(‘你确定要删除数据吗?')){ document.linkform.act.value='delete'; document.linkform.submit();return true;}return false; ” type=”button” value=”删除” />

以上所述是小编给大家介绍的JS button按钮实现submit按钮提交效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
innerHTML,outerHTML,innerText,outerText的用法及区别解析
Dec 16 Javascript
使用Chart.js图表库制作漂亮的响应式表单
Oct 28 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
Jul 20 Javascript
javascript构造函数以及原型对象的理解
Jan 13 Javascript
React Native自定义控件底部抽屉菜单的示例
Feb 08 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
Oct 12 Javascript
细说Vue组件的服务器端渲染的过程
May 30 Javascript
通过实例讲解JS如何防抖动
Jun 15 Javascript
微信小程序select下拉框实现源码
Nov 08 Javascript
实现vuex与组件data之间的数据同步更新方式
Nov 12 Javascript
详解JS深拷贝与浅拷贝
Aug 04 Javascript
Javascript 动态改变imput type属性
Nov 01 #Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 #Javascript
javascript 内置对象及常见API详细介绍
Nov 01 #Javascript
Vue.js组件使用开发实例教程
Nov 01 #Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 #Javascript
js判断出两个字符串最大子串的函数实现方法
Nov 01 #Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
Nov 01 #Javascript
You might like
关于crontab的使用详解
2013/06/24 PHP
Smarty日期时间操作方法示例
2016/11/15 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
extjs中grid中嵌入动态combobox的应用
2011/01/01 Javascript
js变量以及其作用域详解
2020/07/18 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
javascript生成随机数的方法
2014/05/16 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
Angular resolve基础用法详解
2018/10/03 Javascript
手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解
2019/06/18 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
JavaScript装饰者模式原理与用法实例详解
2020/03/09 Javascript
[30:00]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第二场 11.28
2020/12/01 DOTA
Python 条件判断的缩写方法
2008/09/06 Python
Python的高级Git库 Gittle
2014/09/22 Python
python安装cx_Oracle模块常见问题与解决方法
2017/02/21 Python
Python 3.6打包成EXE可执行程序的实现
2019/10/18 Python
python基于property()函数定义属性
2020/01/22 Python
python实现打砖块游戏
2020/02/25 Python
Python+appium框架原生代码实现App自动化测试详解
2020/03/06 Python
简单了解pytest测试框架setup和tearDown
2020/04/14 Python
利用Python如何实时检测自身内存占用
2020/05/09 Python
Python中SQLite如何使用
2020/05/27 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
简单介绍CSS3中Media Query的使用
2015/07/07 HTML / CSS
HTML5+CSS3绘制锯齿状的矩形
2016/03/01 HTML / CSS
护士自我鉴定总结
2014/03/24 职场文书
村级个人对照检查材料
2014/08/22 职场文书
德育标兵事迹材料
2014/08/24 职场文书
委托书如何写
2014/08/30 职场文书
安全生产工作汇报
2014/10/28 职场文书
外科护士长工作总结
2015/08/12 职场文书
MySQL的表级锁,行级锁,排它锁和共享锁
2022/07/15 MySQL
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript