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 相关文章推荐
jquery api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
js图片自动切换效果处理代码
May 07 Javascript
location.href用法总结(最主要的)
Dec 27 Javascript
点击button获取text内容并改变样式的js实现
Sep 09 Javascript
javascript 面向对象封装与继承
Nov 27 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
Feb 24 Javascript
详解JS面向对象编程
Jan 24 Javascript
Vue 2.X的状态管理vuex记录详解
Mar 23 Javascript
VUE axios上传图片到七牛的实例代码
Jul 28 Javascript
基于vue 动态菜单 刷新空白问题的解决
Aug 06 Javascript
Nuxt.js nuxt-link与router-link的区别说明
Nov 06 Javascript
vue中this.$http.post()跨域和请求参数丢失的解决
Apr 08 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
YII框架中使用memcache的方法详解
2017/08/02 PHP
PHP使用PDO操作sqlite数据库应用案例
2019/03/07 PHP
iphone safari不支持position fixed的解决方法
2012/05/04 Javascript
jquery实现树形二级菜单实例代码
2013/11/20 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
2015/09/14 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
javascript如何实现暂停功能
2015/11/06 Javascript
JavaScript正则表达式的分组匹配详解
2016/02/13 Javascript
快速使用Bootstrap搭建传送带
2016/05/06 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
javascript学习笔记_浅谈基础语法,类型,变量
2016/09/19 Javascript
如何使用bootstrap框架 bootstrap入门必看!
2017/04/13 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
JavaScript之Canvas_动力节点Java学院整理
2017/07/04 Javascript
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
jQuery实现的简单图片轮播效果完整示例
2018/02/08 jQuery
[02:52]2017DOTA2国际邀请赛中国区预选赛晋级之路
2017/07/03 DOTA
Python设计模式之代理模式实例
2014/04/26 Python
python统计字符串中指定字符出现次数的方法
2015/04/04 Python
DataFrame中的object转换成float的方法
2018/04/10 Python
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
详解Python3的TFTP文件传输
2018/06/26 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
TensorFlow加载模型时出错的解决方式
2020/02/06 Python
Python中使用socks5设置全局代理的方法示例
2020/04/15 Python
Python改变对象的字符串显示的方法
2020/08/01 Python
HTML5实现的震撼3D焦点图动画的示例代码
2019/09/26 HTML / CSS
学生检讨书范文
2014/10/30 职场文书
学期个人工作总结
2015/02/13 职场文书
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
python基础之类方法和静态方法
2021/10/24 Python
Python字典的基础操作
2021/11/01 Python
「偶像大师 MILLION LIVE!」七尾百合子手办开订
2022/03/21 日漫