jQuery的刪除確認對話框

在我的jQuery我顯示在一個表格式的輸出我的結果，我的jQuery的一部分jQuery的刪除確認對話框

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

這裏"close"是一個CSS類，並在這個類我有十字標記的圖像，如果我點擊這個十字標記的功能（deleteItem）將被解僱。

這裏就是我想要做的是，如果我點擊這個十字標記"delete confirmation box"應該彈出，如果我點擊是的，這onclick事件應該火，否則如果我點擊沒有什麼應該發生。

我怎樣才能做到這一點，任何人都可以幫助我....

來源

2012-04-25 shanish

您需要確認（）添加到您的deleteItem（）;

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

來源

2012-04-25 05:51:25

這工作，然而，應該指出的是，這並不是jQuery的特定的，僅僅是香草的JavaScript。 – crmpicco 2013-05-28 11:20:00

嘗試用下面的代碼：

$('.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; 
    } 
    }

這可能會爲你工作..

感謝。

來源

2012-04-25 05:52:46 Chandresh

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

來源

2012-04-25 05:54:14

嘗試用這種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(); 

});

來源

2012-04-25 06:09:52

感謝您通過一個例子的寶貴迴應，我得到了解決方案 – shanish 2012-04-25 06:48:39

簡單的工作原理：

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

來源

2013-01-13 11:59:20 readikus

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

來源

2013-02-07 11:12:25

更新的JQuery的版本1.9.1鏈接，刪除是here$("#div1").find('button').click(function(){...}

來源

2013-05-13 10:43:49 Servantwriter

我用這個：

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

來源

2014-02-15 04:31:59

試試這個我的朋友

// 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>

來源

2016-12-24 01:03:22

jQuery的刪除確認對話框

回答

相關問題