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 相关文章推荐
JS 用6N±1法求素数 实例教程
Oct 20 Javascript
js实现页面打印功能实例代码(附去页眉页脚功能代码)
Dec 15 Javascript
ExtJS 下拉多选框lovcombo
May 19 Javascript
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
Nov 30 Javascript
javascript学习笔记(三)BOM和DOM详解
Sep 30 Javascript
详解JavaScript基于面向对象之创建对象(1)
Dec 10 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
Feb 25 Javascript
JavaScript中Hoisting详解 (变量提升与函数声明提升)
Aug 18 Javascript
vue车牌号校验和银行校验实战
Jan 23 Javascript
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
May 13 Javascript
如何封装Vue Element的table表格组件
Feb 06 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
需要注意的几个PHP漏洞小结
2012/02/05 PHP
ubuntu10.04配置 nginx+php-fpm模式的详解
2013/06/03 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
分享PHP计算两个日期相差天数的代码
2015/12/23 PHP
php查询及多条件查询
2017/02/26 PHP
仅IE不支持setTimeout/setInterval函数的第三个以上参数
2011/05/25 Javascript
javascript中数组的定义及使用实例
2015/01/21 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
理解javascript中的Function.prototype.bind的方法
2017/02/03 Javascript
JS实现选定指定HTML元素对象中指定文本内容功能示例
2017/02/13 Javascript
AngularJS表单提交实例详解
2017/02/18 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
2017/03/20 Javascript
详解如何为你的angular app构建一个第三方库
2018/12/07 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
nodemon实现Typescript项目热更新的示例代码
2019/11/19 Javascript
小白如何入门Python? 制作一个网站为例
2018/03/06 Python
python3实现随机数
2018/06/25 Python
详解如何用django实现redirect的几种方法总结
2018/11/22 Python
python 函数中的内置函数及用法详解
2019/07/02 Python
使用python进行广告点击率的预测的实现
2019/07/04 Python
python多线程共享变量的使用和效率方法
2019/07/16 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
python制作一个简单的gui 数据库查询界面
2020/11/19 Python
Django 实现图片上传和下载功能
2020/12/31 Python
Python jieba库分词模式实例用法
2021/01/13 Python
HTML5梦幻之旅——炫丽的流星雨效果实现过程
2013/08/06 HTML / CSS
世界第一曲奇连锁店:Mrs. Fields Cookies
2017/02/04 全球购物
自我鉴定范文200字
2013/10/02 职场文书
《雨霖铃》教学反思
2014/02/22 职场文书
霸王洗发水广告词
2014/03/14 职场文书
勿忘国耻9.18演讲稿(经典篇)
2014/09/14 职场文书
2014迎国庆标语大全
2014/09/19 职场文书
房屋租赁协议书(标准版)
2014/10/02 职场文书
无故旷工检讨书
2015/08/15 职场文书
MySQL入门命令之函数-单行函数-流程控制函数
2021/04/05 MySQL
恶魔之树最顶端的三颗果实 震震果实上榜,第一可以制造岩浆
2022/03/18 日漫