html弹窗是否删除,javascript删除前弹出确认/取消询问窗口confirm

为了避免误删数据，删除前应该不要嫌麻烦弹出一个确认/取消询问窗口，以前免错删数据后无法恢复。网站的数据删除由用户在客户端发起，所以弹出确认/取消询问窗口由javascript来完成，它弹出的询问窗口跟Windows系统弹出的一样。

javascript删除前弹出一个确认/取消询问窗口有几种方法，我们只介绍一种方便调用的方法，这样既便于在 javascript 代码中调用，又便于在 html 文件中调用。

一、javascript删除前弹出确认/取消询问窗口方法

为了方便调用，我们把它封装成一个方法(函数)，以下就是具体代码：

function deleteConfirm() {

if (window.confirm("你确定要删除吗？")) {

return true;//确定返回真

}

else {

return false;//取消返回假

}

从以上的删除代码来看，是使用了 windows 的 confirm 方法。confirm 括号中的“你确定要删除吗？”是弹出询问窗口问用户的文字，可以根据自己的要求修改，当用户确认要删除(即单击了“确认”按钮)，返回真；当用户取消删除(单击了“取消”按钮)，返回假。

二、应用举例(javascript删除前弹出确认/取消询问窗口方法)

假如用户选中了几条要删除的产品记录，用户单击“删除”后立即弹出一个“确认/取消”询问窗口，只有用户选择“确认”后才删除，否则不删除，具体代码如下：

删除

function deleteData() {

if (deleteConfirm()) {

//删除操作

alert("删除");

}

else {

//取消返回

alert("取消");

}

只要在每个要删除数据的javascript方法中直接调用删除前询问方法就可以了；当它返回真，执行删除操作，否则不删除数据。

html弹窗是否删除,javascript删除前弹出确认/取消询问窗口confirm相关推荐

php删除记录前的判断弹窗,thinkPHP删除前弹出确认框的简单实现方法
这篇文章主要介绍了thinkPHP删除前弹出确认框的简单实现方法,结合实例形式分析了thinkPHP前台HTML部分结合js控制弹出框效果,以及后台控制器的删除数据处理功能,需要的朋友可以参考下本文 ...
JavaScript三种弹出框（alert，confirm和prompt）
JavaScript三种弹出框(alert,confirm和prompt)用法举例 http://blog.csdn.net/lucky51222/article/details/45604681 我 ...
js 弹出确认取消对话框
文章目录 js 弹出确认取消对话框一种: <a href="javascript:if(confirm('确实要删除该内容吗?'))location='http://www.goo ...
ant design vue：upload打开选择文件弹框前弹出确认框
看antd文档,刚开始我用得beforeUpload来实现,勉强能完成我想要的功能,但是流程上不完美,需要先选择了文件,才能弹出确认框,但是我的确认框其实跟文件没有关系,我想要先弹确认框再打开文件选择 ...
表单form提交前弹出确认对话框
表单form提交前进弹出确认对话框定义一个函数: <script language="javascript"> function sumbit_sure(){ var ...
“BindingNavigator”如何在删除前弹出确认框？
问题的缘起在于有一个学习数据操作的人询问我"BindingNavigator"如何点击"删除"前进行确认.我一开始模拟创建了一个表,然后通过设计器的方式生成了这 ...
JavaScript三种弹出框（alert，confirm和prompt）用法举例
目录 1. 警告(alert) 2. 确认(confirm) 3. 提问(prompt) 1. 警告(alert) 在访问网站的时候,你遇到过这样的情况吗?"咚"的一声,一个小 ...
Layui开关添加弹出确认框及layer.confirm的回调
一.confirm回调在给开关添加确认框之前,先打印了confirm的几种回调,每次的顺序点击为确认按钮.取消按钮.右上角的X按钮. 第一种 1.写法 2.打印值第二种 1.写法 2.打印值可以 ...
js 简单实现弹出确认取消对话框
if(window.confirm('确定?')){//alert("确定");return true; }else{//alert("取消");return ...

html弹窗是否删除,javascript删除前弹出确认/取消询问窗口confirm

html弹窗是否删除,javascript删除前弹出确认/取消询问窗口confirm相关推荐

最新文章

热门文章