jQuery删除确认框答案

【问题标题】：jQuery delete confirmation boxjQuery删除确认框
【发布时间】：2020-08-02 07:14:05
【问题描述】：

在我的 jQuery 中，我在表格格式的输出中显示我的结果，我的 jQuery 的一部分是

<td class='close' onclick='deleteItem(#ITEMID,#ITEMNAME)'></td>

这里"close" 是一个CSS 类，在这个类中我有一个十字标记图像，如果我点击这个十字标记，函数(deleteItem) 将被触发。

我想要做的是，如果我点击这个十字标记，一个 "delete confirmation box" 应该会弹出，如果我点击是，这个 onclick 事件应该触发，否则如果我点击否，什么都不会发生。

我怎样才能做到这一点，任何人都可以帮助我....

【问题讨论】：

标签： jquery

【解决方案1】：

您需要将confirm() 添加到您的deleteItem()；

function deleteItem() {
    if (confirm("Are you sure?")) {
        // your deletion code
    }
    return false;
}

【讨论】：

这行得通，但是应该注意这不是 jQuery 特定的，只是普通的 JavaScript。

【解决方案2】：

$(document).ready(function(){
  $(".del").click(function(){
    if (!confirm("Do you want to delete")){
      return false;
    }
  });
});

【讨论】：

【解决方案3】：

我用过这个：

<a href="url/to/delete.asp" onclick="return confirm(' you want to delete?');">Delete</a>

【讨论】：

【解决方案4】：

试试下面的代码：

$('.close').click(function(){
var checkstr =  confirm('are you sure you want to delete this?');
if(checkstr == true){
  // do your code
}else{
return false;
}
});

或

function deleteItem(){
    var checkstr =  confirm('are you sure you want to delete this?');
    if(checkstr == true){
      // do your code
    }else{
    return false;
    }
  }

这可能对你有用..

谢谢。

【讨论】：

【解决方案5】：

function deleteItem(this) {
    if (confirm("Are you sure?")) {
          $(this).remove();
    }
    return false;
}

同样的方式也可以使用jquery modalin

jQuery 版本

你确定吗？

  $(document).ready(function() {
    $("#dialog-box").dialog({
      autoOpen: false,
      modal: true
    });

  $(".close").click(function(e) {
    var currentElem = $(this);
    $("#dialog-box").dialog({
      buttons : {
        "Confirm" : function() {
          currentElem.remove()
        },
        "Cancel" : function() {
          $(this).dialog("close");
        }
      }
    });

    $("#dialog-box").dialog("open");
  });
});

【讨论】：

【解决方案6】：

试试这个JSFiddle DEMO：http://jsfiddle.net/2yEtK/3/

Jquery Code:

$("a.removeRecord").live("click",function(event){
   event.stopPropagation();
   if(confirm("Do you want to delete?")) {
    this.click;
       alert("Ok");
   }
   else
   {
       alert("Cancel");
   }       
   event.preventDefault();

});

【讨论】：

感谢您对示例的宝贵回应，我得到了解决方案

【解决方案7】：

简单地作为：

$("a. close").live("click",function(event){
     return confirm("Do you want to delete?");
});

【讨论】：

【解决方案8】：

朋友试试这个

  // Confirmation Message On Delete Button.

  $('.close').click(function() {
    return confirm('Are You Sure ?')
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td class='close'></td>

【讨论】：

【解决方案9】：

更新 JQuery 1.9.1 版本链接为here$("#div1").find('button').click(function(){...}

【讨论】：