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实现的一个自定义Placeholder属性插件
Aug 11 Javascript
node.js中的fs.closeSync方法使用说明
Dec 17 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 Javascript
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
Jun 14 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
用Vue.js实现监听属性的变化
Nov 17 Javascript
ReactJs快速入门教程(精华版)
Nov 28 Javascript
JSON与js对象序列化实例详解
Mar 16 Javascript
微信小程序报错:this.setData is not a function的解决办法
Sep 27 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
Aug 01 Javascript
vue实现整屏滚动切换
Jun 29 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
编译问题
2006/10/09 PHP
php实现的Captcha验证码类实例
2014/09/22 PHP
php计算两个坐标(经度,纬度)之间距离的方法
2015/04/17 PHP
超级强大的表单验证
2006/06/26 Javascript
javascript使用location.search的示例
2013/11/05 Javascript
如何在指定的地方插入html内容和文本内容
2013/12/23 Javascript
EasyUI实现第二层弹出框的方法
2015/03/01 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
Javascript中apply、call、bind的巧妙使用
2016/08/18 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
2016/08/25 Javascript
购物车前端开发(jQuery和bootstrap3)
2016/08/27 Javascript
原生js实现放大镜效果
2017/01/11 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
javascript实现文本框标签验证的实例代码
2018/10/14 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
Vue+Vuex实现自动登录的知识点详解
2020/03/04 Javascript
vue实现购物车功能(商品分类)
2020/04/20 Javascript
Python和perl实现批量对目录下电子书文件重命名的代码分享
2014/11/21 Python
Python爬虫辅助利器PyQuery模块的安装使用攻略
2016/04/24 Python
基于scrapy的redis安装和配置方法
2018/06/13 Python
python tkinter窗口最大化的实现
2019/07/15 Python
如何基于Python批量下载音乐
2019/11/11 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
2013/01/06 HTML / CSS
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
2013/06/20 HTML / CSS
吉列剃须刀美国官网:Gillette美国
2018/07/13 全球购物
餐饮采购员岗位职责
2014/03/15 职场文书
关于运动会的广播稿(10篇)
2014/09/12 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS
Java方法重载和方法重写的区别到底在哪?
2021/06/11 Java/Android
【2·13】一图读懂中国无线电发展
2022/02/18 无线电
JS class语法糖的深入剖析
2022/07/07 Javascript