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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
ie中js创建checkbox默认选中问题探讨
Oct 21 Javascript
jquery实现两个图片渐变切换效果的方法
Jun 25 Javascript
理解javascript中的with关键字
Feb 15 Javascript
前端编码规范(3)JavaScript 开发规范
Jan 21 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
React Native模块之Permissions权限申请的实例相机
Sep 28 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
May 08 Javascript
Vuejs+vue-router打包+Nginx配置的实例
Sep 20 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
Mar 12 Javascript
JS实现提示框跟随鼠标移动
Aug 27 Javascript
JavaScript indexOf()原理及使用方法详解
Jul 09 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
thinkphp3.x自定义Action、Model及View的简单实现方法
2016/05/19 PHP
无语,javascript居然支持中文(unicode)编程!
2007/04/12 Javascript
JQuery困惑—包装集 DOM节点
2009/10/16 Javascript
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
2010/05/04 Javascript
jquery.validate的使用说明介绍
2013/11/12 Javascript
JavaScript制作简易的微信打飞机
2015/03/31 Javascript
jquery判断类型是不是number类型的实例代码
2016/10/07 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
2016/11/03 Javascript
jquery实现下拉框多选方法介绍
2017/01/03 Javascript
Node.js + express基本用法教程
2019/03/14 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
在博客园博文中添加自定义右键菜单的方法详解
2020/02/05 Javascript
Python ORM框架SQLAlchemy学习笔记之映射类使用实例和Session会话介绍
2014/06/10 Python
python实现获取客户机上指定文件并传输到服务器的方法
2015/03/16 Python
Python实现新浪博客备份的方法
2016/04/27 Python
windows下Python实现将pdf文件转化为png格式图片的方法
2017/07/21 Python
Python读取MRI并显示为灰度图像实例代码
2018/01/03 Python
获取python文件扩展名和文件名方法
2018/02/02 Python
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
python批量获取html内body内容的实例
2019/01/02 Python
FFrpc python客户端lib使用解析
2019/08/24 Python
使用Python制作一个打字训练小工具
2019/10/01 Python
Python 使用SFTP和FTP实现对服务器的文件下载功能
2020/12/17 Python
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
国际奢侈品品牌童装购物网站:Designer Childrenswear
2019/05/08 全球购物
新加坡第一的杂货零售商:NTUC FairPrice
2020/12/05 全球购物
教育系毕业生中文求职信范文
2013/10/06 职场文书
2014年道德讲堂实施方案
2014/03/05 职场文书
党员干部廉洁承诺书
2014/05/28 职场文书
社区活动策划方案
2014/08/21 职场文书
城市轨道交通工程职业生涯规划书范文
2014/09/16 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
卫生院义诊活动总结
2015/05/07 职场文书
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
Python集合set()使用的方法详解
2022/03/18 Python