您现在的位置:首页 >> 前端 >> 内容

如何实现弹窗删除

时间:2017/8/11 9:46:00 点击:

  核心提示:当我们在做删除操作时,如果直接用带值过去删除,会直接将表中的数据删掉,所以,在删除前给一个提示是非常有必要的。那么如何实现呢?1、首先写一个删除标签a href=JavaScript:void(0)c...
当我们在做删除操作时,如果直接用带值过去删除,会直接将表中的数据删掉,所以,在删除前给一个提示是非常有必要的。

那么如何实现呢?

1、首先写一个删除标签

<a href="JavaScript:void(0)"  class="del" flag="${vip.id }" onclick="shanchu()">删除</a>    //flag="${vip.id }"表示添加一个标记

2、jQuery代码

<!--弹窗删除 -->
<script type="text/javascript">
function shanchu(){
    if(window.confirm("确定删除?")){    //window.confirm("确定删除?"):返回一个boolean值      
        $(".del").click(function(event) {    // 
              var $a = $(event.target);     // 获取当前点击对象
             var id = $a.attr("flag");  //通过获取到的点击对象,来得到他的标记值
             window.location.href="<%=basePath %>/delete.shtml?id="+id+"";    //最后通过window.location将值传到servlet中
        });
    }
}
</script>

作者:网络 来源:qq_3935241