点击删除弹出对话框js代码

2023-06-26 21:55:46 要在点击删除按钮时弹出确认对话框,可以使用JavaScript的confirm()函数。

点击删除按钮时弹出确认对话框,可以使用JavaScript的confirm()函数。以下是一个简单的示例:

<!DOCTYPE html>
<html>
<head>
<script>
function confirmDelete() {
var result = confirm("确定要删除吗?");
if (result) {
// 用户点击了确认按钮,执行删除操作
alert("删除成功!");
} else {
// 用户点击了取消按钮,取消删除操作
alert("已取消删除。");
}
}
</script>
</head>
<body>
<button onclick="confirmDelete()">删除</button>
</body>
</html>

在上面的示例中,点击"删除"按钮时,会触发confirmDelete()函数。该函数使用confirm()函数显示一个带有"确定"和"取消"按钮的对话框,并显示提示信息"确定要删除吗?"。

如果用户点击了"确定"按钮,confirm()函数返回true,此时可以执行实际的删除操作。在示例中,这里使用alert()函数显示一个提示消息"删除成功!"。

如果用户点击了"取消"按钮,confirm()函数返回false,此时可以取消删除操作或执行其他相应操作。在示例中,这里使用alert()函数显示一个提示消息"已取消删除。"。

你可以根据需要修改确认对话框的提示消息以及在"确定"和"取消"按钮点击后的逻辑。

更新