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 相关文章推荐
ie 调试javascript的工具
Apr 29 Javascript
Tab页界面,用jQuery及Ajax技术实现
Sep 21 Javascript
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
Apr 15 Javascript
jquery text()方法取标签中的文本
Jul 25 Javascript
学习JavaScript设计模式之状态模式
Jan 08 Javascript
javascript创建对象的几种模式介绍
May 06 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
浅谈jQuery中事情的动态绑定
Feb 12 Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
May 19 Javascript
seajs中模块依赖的加载处理实例分析
Oct 10 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
Sep 14 Javascript
如何换个角度使用VUE过滤器详解
Sep 11 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 命名空间实例说明
2011/01/27 PHP
php数组去重实例及分析
2013/11/26 PHP
微信公众平台天气预报功能开发
2014/07/06 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
PHP的Yii框架使用中的一些错误解决方法与建议
2015/08/21 PHP
php利用gd库为图片添加水印
2016/11/09 PHP
Smarty模板常见的简单应用分析
2016/11/15 PHP
Yii核心验证器api详解
2016/11/23 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
Jquery公告滚动+AJAX后台得到数据
2011/04/14 Javascript
用javascript作一个通用向导说明
2011/08/30 Javascript
JS中getYear()和getFullYear()区别分析
2014/07/04 Javascript
5种处理js跨域问题方法汇总
2014/12/04 Javascript
AngularJS 实现弹性盒子布局的方法
2016/08/30 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
Node.js爬取豆瓣数据实例分析
2018/03/05 Javascript
JsonServer安装及启动过程图解
2020/02/28 Javascript
react项目从新建到部署的实现示例
2021/02/19 Javascript
Python编程语言的35个与众不同之处(语言特征和使用技巧)
2014/07/07 Python
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
深入浅出分析Python装饰器用法
2017/07/28 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
pygame库实现俄罗斯方块小游戏
2019/10/29 Python
python实现提取str字符串/json中多级目录下的某个值
2020/02/27 Python
家长对孩子评语
2014/01/30 职场文书
国窖1573广告词
2014/03/21 职场文书
我的梦想演讲稿
2014/04/30 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
2015年秋季开学典礼校长致辞
2015/07/16 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
干货干货!2019最新优秀创业计划书
2019/03/21 职场文书
PHP使用QR Code生成二维码实例
2021/07/07 PHP
利用Python读取微信朋友圈的多种方法总结
2021/08/23 Python
Mysql实现简易版搜索引擎的示例代码
2021/08/30 MySQL