站内搜索:
首页 >> 前端 >> 内容
如何实现弹窗删除

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

当我们在做删除操作时,如果直接用带值过去删除,会直接将表中的数据删掉,所以,在删除前给一个提示是非常有必要的。

那么如何实现呢?

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>

  • 上一篇:伪元素使用的一点儿小技巧
  • 下一篇:各种元素的高度
  • 返回顶部