jQuery删除确认框

时间:2012-04-25 05:48:20

标签: jquery

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

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

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

这里我想要做的是,如果我点击这个十字标记,应该弹出"delete confirmation box",如果我点击是这个onclick事件应该触发,否则如果我点击不会发生任何事情。

我怎样才能实现这一点,任何人都可以帮助我......

9 个答案:

答案 0 :(得分:107)

您需要将confirm()添加到deleteItem();

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

答案 1 :(得分:26)

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

答案 2 :(得分:10)

我用过这个:

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

答案 3 :(得分:8)

尝试使用以下代码:

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

OR

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

这可能对你有用..

感谢。

答案 4 :(得分:8)

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

你也可以用同样的方式使用jquery modal

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");
  });
});

答案 5 :(得分:4)

尝试使用此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();

});

答案 6 :(得分:3)

简单地用作:

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

答案 7 :(得分:3)

试试这个我的朋友

&#13;
&#13;
  // Confirmation Message On Delete Button.

  $('.close').click(function() {
    return confirm('Are You Sure ?')
  });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td class='close'></td>
&#13;
&#13;
&#13;

答案 8 :(得分:2)

更新JQuery版本1.9.1链接以进行删除here $("#div1").find('button').click(function(){...}