javascript - 如何添加删除确认消息

Question

在 HTML 中，delete_icon是一个图像类，如果我在其中单击它，则电子邮件 ID将被删除而没有任何确认消息。我想添加一个弹出窗口以在delete_icon单击时显示。上面提到的弹出窗口应该打开，如果yes单击，实例应该被删除，否则它应该返回相同的。我怎样才能在jQueryor中实现这一点JavaScript？

Answer 1

您可以更好地使用如下

 <a href="url_to_delete" onclick="return confirm('Are you sure want to dele');">Delete</a>

Answer 2

唔。您可以使用简单的 javascript 来执行此操作。

<script type="text/javascript">
function deleteImage(x){
    var conf = confirm("Are you sure you want to delete this image?");
    if(conf == true){
        alert("OK... you chose to proceed with deletion of "+x);
    }
}
</script>

使用默认浏览器确认框。这是该功能的示例使用。

<input name="myBtn" type="button" onClick="deleteImage('images/pic.jpg')" value="Delete Image">

Answer 3

尝试这个

 $('.delete_icon').click(function(){
        if(confirm('Are sure want to delete record?'))
        {
  var obj = $(this)
 var csrf_token = "{{ csrf_token }}";
 var email =  $(this).attr('value');
 var id =  $(this).attr('id');
 $.ajax({ 
  data:{csrfmiddlewaretoken: csrf_token,id:id,cancel_email:email},
  type:'POST',
  url: '/report/notification/', 
  cache:false,
  success: function(response) { 
      $(obj).parent('p').remove();
      return false;
   }
  });
});
}

});