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

亮术网 2020-06-15 本网原创

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

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

 

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

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

function deleteConfirm() {
    if (window.confirm("你确定要删除吗?")) {
      return true;//确定返回真
    }
    else {
      return false;//取消返回假
    }
  }

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

 

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

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

<span onclick="deleteData()">删除</span>

function deleteData() {
    if (deleteConfirm()) {
      //删除操作
      alert("删除");
    }
    else {
      //取消返回
      alert("取消");
    }
  }

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

本文浓缩标签:删除javascript