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

网络编程 2025-03-13 05:22www.168986.cn编程入门

今天在使用表单进行POST更新和删除操作时,我们遇到了一个问题:form表单一旦提交就会全部提交。为了解决这个问题,我们可以考虑使用button来实现提交效果。下面是如何实现的方法。

我们需要在form表单中设置一个隐藏字段来存储提交的动作类型,比如更新或删除。然后,我们设置两个button,一个用于更新操作,另一个用于删除操作。

这是具体的代码实现:

HTML部分:

```html

```

JavaScript部分:

```javascript

function updateAction() {

document.linkform.act.value = 'update'; // 设置动作类型为更新

document.linkform.submit(); // 提交表单

}

function deleteAction() {

if (confirm('你确定要删除数据吗?')) { // 确认删除操作

document.linkform.act.value = 'delete'; // 设置动作类型为删除

document.linkform.submit(); // 提交表单

} else { // 如果取消删除操作,则不执行任何动作并关闭确认框窗口(浏览器默认行为)

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by