JSbutton按钮实现submit按钮提交效果_html给button自动提交资源-CSDN文库

5星 · 超过95%的资源 133 浏览量 2020-10-21 05:04:13 上传评论收藏 32KB PDF 举报

资源推荐

资源详情

资源评论

JS button按钮实现按钮实现submit按钮提交效果按钮提交效果

今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交，所以想到的实现方法就

是使用button实现,怎么实现呢？下面小编给大家分享JS button按钮实现submit按钮提交效果，感兴趣的朋友参考下吧

今天在使用表单是同时使用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按钮提交效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时

回复大家的。在此也非常感谢大家对我们网站的支持！

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

内容反馈

丛乐

2023-06-16

这个代码不仅实用，而且代码注释很详细，让人对JS有更深入的理解。
艾闻

2023-06-16

模板代码贴心，操作方便，推荐希望提升自己用户交互设计水平的前端工程师使用。
乐居买房

2023-06-16

毕业后工作一段时间后，我发现这个文件的代码思路非常优秀，可用于开发更复杂的按钮设计。
小米智能生活

2023-06-16

按钮实现submit功能，轻松提升用户体验，值得推荐。
尹子先生

2023-06-16

这个文件不仅提高了用户体验，操作也十分简便，大家可以尝试一下。

前往

页

weixin_38612139

粉丝: 3
资源: 885

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip