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 相关文章推荐
在线编辑器中换行与内容自动提取
Apr 24 Javascript
jquery 模拟雅虎首页的点击对话框效果
Apr 11 Javascript
JS分页控件 可用于无刷新分页
Jul 23 Javascript
关闭时刷新父窗口两种方法
May 07 Javascript
HTML页面登录时的JS验证方法
May 28 Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
jquery+css3问卷答题卡翻页动画效果示例
Oct 26 Javascript
vue实现弹幕功能
Oct 25 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
May 26 Javascript
react的hooks的用法详解
Oct 12 Javascript
js中Map和Set的用法及区别实例详解
Feb 15 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
使用Apache的rewrite技术
2006/06/22 PHP
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
PHP实现通过Luhn算法校验信用卡卡号是否有效
2015/03/23 PHP
Yii中srbac权限扩展模块工作原理与用法分析
2016/07/14 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
PHP中检查isset()和!empty()函数的必要性
2019/02/13 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
PHP 对象继承原理与简单用法示例
2020/04/21 PHP
可自定义速度的js图片无缝滚动示例分享
2014/01/20 Javascript
jQuery实现菜单式图片滑动切换
2015/03/14 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
2016/02/04 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
简单实现jquery焦点图
2016/12/12 Javascript
微信小程序之拖拽排序(代码分享)
2017/01/21 Javascript
解决Extjs下拉框不显示的问题
2017/06/21 Javascript
微信小程序与php 实现微信支付的简单实例
2017/06/23 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
2018/02/28 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
2018/05/08 Javascript
jQuery 动画与停止动画效果实例详解
2020/05/19 jQuery
js实现微信聊天界面
2020/08/09 Javascript
vue3中轻松实现switch功能组件的全过程
2021/01/07 Vue.js
[49:56]VG vs Optic 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python开发之字符串string操作方法实例详解
2015/11/12 Python
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
Python排序算法之选择排序定义与用法示例
2018/04/29 Python
python方法生成txt标签文件的实例代码
2018/05/10 Python
详解从Django Rest Framework响应中删除空字段
2019/01/11 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
门前三包责任书
2014/04/15 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
运动会100米加油稿
2015/07/21 职场文书
优秀教师主要事迹材料
2015/11/04 职场文书
司法廉洁教育心得体会
2016/01/20 职场文书