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打印网页部分内容的脚本
Nov 17 Javascript
JavaScript设置首页和收藏页面的小例子
Nov 11 Javascript
javascript教程:关于if简写语句优化的方法
May 17 Javascript
jQuery中fadeOut()方法用法实例
Dec 24 Javascript
在Google 地图上实现做的标记相连接
Jan 05 Javascript
JavaScript实现九九乘法表的简单实例
Jun 07 Javascript
JavaScript验证知识整理
Mar 24 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
JavaScript实现的级联算法示例【省市二级联动功能】
Dec 25 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 Javascript
Preload基础使用方法详解
Feb 03 Javascript
js判断两个数组相等的5种方法
May 06 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/07/08 PHP
详细介绍PHP应用提速面面观
2006/10/09 PHP
PHP中return 和 exit 、break和contiue 区别与用法
2012/04/09 PHP
php while循环得到循环次数
2013/10/26 PHP
19个Android常用工具类汇总
2014/12/30 PHP
php中get_cfg_var()和ini_get()的用法及区别
2015/03/04 PHP
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
PHP数据库操作三:redis用法分析
2017/08/16 PHP
解决Laravel 使用insert插入数据,字段created_at为0000的问题
2019/10/11 PHP
js判断浏览器的比较全的代码
2007/02/13 Javascript
JS setCapture 区域外事件捕捉
2010/03/18 Javascript
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
js动态加载以及确定加载完成的代码
2011/07/31 Javascript
关于onchange事件在IE和FF下的表现及解决方法
2014/03/08 Javascript
js实现双击图片放大单击缩小的方法
2015/02/17 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2016/07/08 Javascript
微信小程序之ES6与事项助手的功能实现
2016/11/30 Javascript
js实现交通灯效果
2017/01/13 Javascript
Ext JS 实现建议词模糊动态搜索功能
2017/05/13 Javascript
javascript中神奇的 Date对象小结
2017/10/12 Javascript
浅谈ES6 模板字符串的具体使用方法
2017/11/07 Javascript
在nginx上部署vue项目(history模式)的方法
2017/12/28 Javascript
Vue.js的模板语法详解
2020/02/16 Javascript
JS性能优化实现方法及优点进行
2020/08/30 Javascript
python多线程抓取天涯帖子内容示例
2014/04/03 Python
Python脚本判断 Linux 是否运行在虚拟机上
2015/04/25 Python
python语言中with as的用法使用详解
2018/02/23 Python
Python模块_PyLibTiff读取tif文件的实例
2020/01/13 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
解决img标签上下出现间隙的方法
2016/12/14 HTML / CSS
经济学人订阅:The Economist
2018/07/19 全球购物
简单的离婚协议书范本
2014/11/16 职场文书
酒店采购员岗位职责
2015/04/03 职场文书
什么是求职信?求职信应包含哪些内容?
2019/08/14 职场文书
python调用ffmpeg命令行工具便捷操作视频示例实现过程
2021/11/01 Python
Nginx源码编译安装过程记录
2021/11/17 Servers