javascript实现删除前弹出确认框

 　　删除确认对话框的JS代码，有好几种写法，有简单的，有兼容好的，下面分别说几种方法，可根据自己需要选用

　　需求：用户点击删除按钮时，弹出一个确定框，如果用户点击“确定”执行删除操作，否则不执行

　　JS代码

　　?

1
2
3
4
5
6
7
8

function del() {
var msg = "您真的确定要删除吗？nn请确认！";
if (confirm(msg)==true){
return true;
}else{
return false;
}
}

　　html代码

　　?

1

<a href="" onclick="javascript:return del();">删除</a>

　　方法二：

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>确认是否删除</title>
<script type="text/javascript">
function del(){
if(!confirm("确认要删除？")){
window.event.returnValue = false;
}
}
</script>
</head>
<body>
<a href="http://www.baidu.com" onclick="return del()">删除</a>
</body>
</html>

　　方法三：

　　?

1

<a href="javascript:if(confirm('确实要删除吗?'))location='jb51.php?id='">删除</a>

　　方法四：

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<script type="text/javascript" language="javascript">
<!--
function confirmAct()
{
if(confirm('确定要执行此操作吗?'))
{
return true;
}
return false;
}
//-->
</script>
 
<a href="operate.php?mod=user&act=delete&id=564" onclick="return confirmAct();">执行操作</a>

　　以上所述就是本文的全部内容了，希望大家能够喜欢。

时间： 2024-08-03 00:30:23

javascript实现删除前弹出确认框的相关文章

thinkPHP删除前弹出确认框的简单实现方法_php实例

本文实例讲述了thinkPHP删除前弹出确认框的简单实现方法.分享给大家供大家参考,具体如下: html部分: 复制代码 代码如下: <a href="__URL__/shanchu/id/{$vo.id}" onclick='return del();'>删除</a> javascript部分: <script> function del() { if(confirm("确定要删除吗?")) { return true; } e

js中confirm实现执行操作前弹出确认框的方法_javascript技巧

本文实例讲述了js中confirm实现执行操作前弹出确认框的方法.分享给大家供大家参考.具体实现方法如下: 现在在删除或其它操作前弹出确定提示,我们有很多方法,最基本的就是利用js自带的函数confirm来操作了 最简单的用法如下: 鼠标事件使用confirm 复制代码 代码如下: <a href="#" onclick= "if(confirm( '是否确定! ')==false)return   false; ">点击确定</a> 想简单

js中confirm实现执行操作前弹出确认框

最简单的用法 鼠标事件使用confirm  代码如下 复制代码 <a   href="#" onclick= "if(confirm( '是否确定! ')==false)return   false; ">点击确定</a> 想简单点调用的话  也可以这样  代码如下 复制代码 <a   href="#" onclick= "return confirm('是否确定');">点击确定</

纯js实现仿QQ邮箱弹出确认框_javascript技巧

代码非常简单,这里就不多废话了. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML> <HEAD> <TITLE>QQ邮箱的弹出层</TITLE> <meta http-equiv="Co

纯js实现仿QQ邮箱弹出确认框

仿QQ邮箱的弹出层,弹出确认框,主要是用火狐的firebug把html和css扣了下来,没有做封装,就定义了一个拖动事件. 大家可以封装自己的弹出窗,嘿嘿! 代码非常简单,这里就不多废话了. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54

Bootstrap+jfinal退出系统弹出确认框的实现方法_javascript技巧

本文为大家分享了jfinal与bootstrap的登出操作,旨在介绍如何通过a标签弹出登出确认框,然后发送退出请求到jfinal,然后再刷新页面的做法.主要难点在于有以下两点: 1.如果通过a标签的内容弹出登出确认框: 2.如何通过a标签刷新对应弹出的页面. 一.前端技术 1.构建a标签 复制代码 代码如下: <a href="${ctx}/mem/logout" target="ajaxTodo" callback="ajaxDone"

js使用层弹出确认框如何实现？

问题描述 js使用层弹出确认框如何实现? 解决方案 http://blog.sina.com.cn/s/blog_7d5ee55e0100srts.html

用弹出确认框来确认删除内容

我们都知道UD的删除记录方法,它需要用一个新的页面来确认,如果把删除的页面直接做成command的形式(参考我的多项删除教程),又比较草率(往往容易删错记录),下面,小田是用一个弹出式的确认框来实现确认删除,效果如图 接下来让我们开始吧! 1.首先当然要有一个你想要删除的内容啦(怎么连数据库,怎么循环请去参考其他基础教程,这里就不多讲了),并且做好循环,如图 2.要实现确认框,当然要用到JavaScript啦,下面是这段代码:代码:--------------------------------

lightbox弹出框上如何再弹出确认框

问题描述 最近项目中用lightbox做了一个弹出页面,然后在该页面上进行操作时需要再弹出个确认框, 但是这个确认框总是被原弹出页面遮盖, 请问这种情况该如何解决? 如何做成像alert()方法一样总是置于最上层 解决方案 不知道你用的是哪个,总之图层的顺序是可以用css的z-index来调整的.