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 相关文章推荐
取选中的radio的值
Jan 11 Javascript
探讨js字符串数组拼接的性能问题
Oct 11 Javascript
JavaScript实现Flash炫光波动特效
May 14 Javascript
javascript清空table表格的方法
May 14 Javascript
js实现的动画导航菜单效果代码
Sep 10 Javascript
js老生常谈之this,constructor ,prototype全面解析
Apr 05 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
Apr 12 Javascript
简单谈谈axios中的get,post方法
Jun 25 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
Jul 12 Javascript
javascript流程控制语句集合
Sep 18 Javascript
基于dataset的使用和图片延时加载的实现方法
Dec 11 Javascript
vue+element UI实现树形表格
Dec 29 Vue.js
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
Mysql的GROUP_CONCAT()函数使用方法
2008/03/28 PHP
php读取mysql乱码,用set names XXX解决的原理分享
2011/12/29 PHP
smarty简单分页的实现方法
2014/10/27 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
分享php多功能图片处理类
2016/05/15 PHP
提高Laravel应用性能方法详解
2019/06/24 PHP
轻松创建nodejs服务器(4):路由
2014/12/18 NodeJs
js+HTML5实现canvas多种颜色渐变效果的方法
2015/06/05 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
mpvue跳转页面及注意事项
2018/08/03 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
Nodejs调用Dll模块的方法
2018/09/17 NodeJs
vue项目中跳转到外部链接的实例讲解
2018/09/20 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
2018/10/09 Javascript
七行JSON代码把你的网站变成移动应用过程详解
2019/07/09 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
vue项目中锚点定位替代方式
2019/11/13 Javascript
Vue组件通信入门之Provide和Inject机制
2019/12/29 Javascript
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
js 数组当前行添加数据方法详解
2020/07/28 Javascript
原生JavaScript实现幻灯片效果
2021/02/19 Javascript
windows系统下Python环境的搭建(Aptana Studio)
2017/03/06 Python
python3.7.0的安装步骤
2018/08/27 Python
python模拟登陆,用session维持回话的实例
2018/12/27 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
python实现单张图像拼接与批量图片拼接
2020/03/23 Python
Python文件夹批处理操作代码实例
2020/07/21 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
毕业生求职的求职信
2013/12/05 职场文书
大学生的应聘自我评价
2013/12/13 职场文书
网上快餐厅创业计划书
2014/02/01 职场文书
租房协议书怎么写
2014/04/10 职场文书
防邪知识进家庭活动方案
2014/08/26 职场文书
简历自我评价优缺点
2015/03/11 职场文书
2015年保洁工作总结范文
2015/04/28 职场文书
国庆节主题班会
2015/08/15 职场文书