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 相关文章推荐
JavaScript高级程序设计 阅读笔记(十七) js事件
Aug 14 Javascript
JS iFrame加载慢怎么解决
May 13 Javascript
JS集成fckeditor及判断内容是否为空的方法
May 27 Javascript
浅谈DOCTYPE对$(window).height()取值的影响
Jul 21 Javascript
js简单实现调整网页字体大小的方法
Jul 23 Javascript
Bootstrap模态框插入视频的实现代码
Jun 25 Javascript
解决Linux无法正常安装与卸载Node.js的方法
Jan 19 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
Aug 12 Javascript
Vue实现开心消消乐游戏算法
Oct 22 Javascript
vue 使用鼠标滚动加载数据的例子
Oct 31 Javascript
vue中使用vue-print.js实现多页打印
Mar 05 Javascript
Vue前端判断数据对象是否为空的实例
Sep 02 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基础知识:函数基础知识
2006/12/13 PHP
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
PHP 调试工具Debug Tools
2011/04/30 PHP
PHP数组传递是值传递而非引用传递概念纠正
2013/01/31 PHP
PHP使用redis消息队列发布微博的方法示例
2017/06/22 PHP
有效的捕获JavaScript焦点的方法小结
2009/10/08 Javascript
utf-8编码引起js输出中文乱码的解决办法
2010/06/23 Javascript
IE6下CSS图片缓存问题解决方法
2010/12/09 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
2012/08/06 Javascript
js 判断上传文件大小及格式代码
2013/11/13 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
浅谈JavaScript数据类型
2015/03/03 Javascript
javascript实现下拉提示选择框
2015/12/29 Javascript
浅谈$('div a') 与$('div&gt;a')的区别
2016/07/18 Javascript
详解js中的apply与call的用法
2016/07/30 Javascript
javascript数据结构之串的概念与用法分析
2017/04/12 Javascript
详谈commonjs模块与es6模块的区别
2017/10/18 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
vue如何通过id从列表页跳转到对应的详情页
2018/05/01 Javascript
mockjs+vue页面直接展示数据的方法
2018/12/19 Javascript
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
python使用mysql数据库示例代码
2017/05/21 Python
Python pyinotify日志监控系统处理日志的方法
2018/03/08 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
浅析Python模块之间的相互引用问题
2021/02/26 Python
Bailey帽子官方商店:Bailey Hats
2018/09/25 全球购物
Belstaff英国官方在线商店:Belstaff.co.uk
2021/02/09 全球购物
如果重写了对象的equals()方法,需要考虑什么
2014/11/02 面试题
开办化妆品公司创业计划书
2013/12/26 职场文书
党性锻炼的心得体会
2014/09/03 职场文书
法律进社区活动总结
2015/05/07 职场文书
导游词之江南周庄
2019/12/06 职场文书
JS不要再到处使用绝对等于运算符了
2021/04/30 Javascript
MySQL Threads_running飙升与慢查询的相关问题解决
2021/05/08 MySQL