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 相关文章推荐
自适应图片大小的弹出窗口
Jul 27 Javascript
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
一步一步教你写一个jQuery的插件教程(Plugin)
Sep 03 Javascript
Jquery优化效率 提升性能解决方案
Sep 06 Javascript
js 优化次数过多的循环 考虑到性能问题
Mar 05 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
Aug 02 Javascript
浅谈Javascript 执行顺序
Dec 18 Javascript
通过location.replace禁止浏览器后退防止重复提交
Sep 04 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
Jul 31 Javascript
删除table表格行的实例讲解
Sep 21 Javascript
VueJs监听window.resize方法示例
Jan 17 Javascript
layui数据表格 table.render 报错的解决方法
Sep 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
PHP脚本的10个技巧(8)
2006/10/09 PHP
PHP4与PHP5的时间格式问题
2008/02/17 PHP
PHP json_encode中文乱码问题的解决办法
2013/09/09 PHP
php的instanceof和判断闭包Closure操作示例
2020/01/26 PHP
php解析非标准json、非规范json的方式实例
2020/12/10 PHP
基于jQuery的输入框无值自动显示指定数据的实现代码
2011/01/24 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
2013/04/08 Javascript
js 数值转换为3位逗号分隔的示例代码
2014/02/19 Javascript
javascript数组操作方法小结和3个属性详细介绍
2014/07/05 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
jQuery入门介绍之基础知识
2015/01/13 Javascript
JavaScript从数组中删除指定值元素的方法
2015/03/18 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
2016/12/28 Javascript
基于JSONP原理解析(推荐)
2017/12/04 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
vue组件实现弹出框点击显示隐藏效果
2020/10/26 Javascript
深入浅析Node环境和浏览器的区别
2018/08/14 Javascript
uni-app之APP和小程序微信授权方法
2019/05/09 Javascript
微信小程序云开发(数据库)详解
2019/05/17 Javascript
Python读取mp3中ID3信息的方法
2015/03/05 Python
Swift 3.0在集合类数据结构上的一些新变化总结
2016/07/11 Python
python学习教程之使用py2exe打包
2017/09/24 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
pycharm新建Vue项目的方法步骤(图文)
2020/03/04 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
两种CSS3伪类选择器详细介绍
2013/12/24 HTML / CSS
函数只定义了一次, 调用了一次, 但编译器提示非法重定义了-什么问题?
2014/10/03 面试题
护理专科毕业生自荐书范文
2014/02/19 职场文书
机械工程学院大学生求职信
2014/05/25 职场文书
运动会横幅标语
2014/06/17 职场文书
优秀毕业生的求职信
2014/07/21 职场文书
纪念九一八爱国演讲稿600字
2014/09/14 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
教你怎么用Python selenium操作浏览器对象的基础API
2021/06/23 Python
Python中Selenium对Cookie的操作方法
2021/07/09 Python