夏日博客

A-A+

jquery 实现删除文章提示是否删除

2016年01月09日 前端设计 暂无评论 阅读 4 views 次

我们在做后台数据管理时删除数据都会有一个提示确认删除框，这个是友好提示并且也是防止用户不小心点击了删除按钮了，下面一起来看一个jquery 实现删除文章提示是否删除例子．

为了更好的用户体验，当用户在删除文章的时候给出一个提醒的功能，提示他是否删除这篇文章。具体实现代码如下：

html代码：

  1. <a link="{:U('Athlete/del/',array('uid'=>$vo['id']))}" href="javascript:void(0)" name="{$vo.name}" class="del">删除 </a>  

jquery代码：

  1. <script type="text/javascript">  
  2.             $(function(){  
  3.                 $(".del").click(function(){  
  4.                     var delLink=$(this).attr("link");  
  5.                         confirm('你真的打算删除【<b>'+$(this).attr("name")+'</b>】吗?','温馨提示',function(action){  
  6.                         if(action == 'ok'){  
  7.                             top.window.location.href=delLink;  
  8.                         }  
  9.                     });  
  10.                     return false;  
  11.                 });  
  12.             });  
  13. </script>  

其实就是用到confirm函数，这个与jquery没有多大的判断了，我也可以有更简单的办法如下

第一种：最简单的JS删除确认，直接写在链接里：

  1. <a href=""javascript:if(confirm("确认要删除该内容?"))location="del.asp?&areyou=删除&id=1"">删除</a>  

第二种：定义一个函数，优点是可重复调用：

  1. <script language="javascript">   
  2. function del_sure(){  
  3. var gnl=confirm("确定要删除?");  
  4. if (gnl==true){  
  5.   return true;  
  6. }else{  
  7.   return false;  
  8. }  
  9. }  
  10. </script>  

调用方法：

  1. <a href="del.asp?id=<%=rs("id")%>" onclick="javascript:del_sure()">删除</a>  
标签：

给我留言