2017-07-05 50 views
-1

我正在開發MVC 5項目。在那裏我想通過簡單的方式顯示刪除消息框取決於多個目的通過點擊刪除按鈕。我如何做如下顯示?如何以簡單的方式顯示'您要刪除'消息框?

+2

使用bootbox進行此操作 –

+0

這是一個簡單的[JavaScript確認](https://developer.mozilla.org/en-US/docs/Web/API/Window/confirm)。 –

+0

可以請給我舉例通過使用bootbox? – AbhiJA

回答

2

如果你使用jQuery:

$(".delete").on('click touchstart',function(e){ 
    e.preventDefault(); 
    var c = confirm("Are you shure you want to delete this?"); 
    if(c) 
    { 
     /* DO WHAT YOU WANT */ 
    } 
}); 

或者純JavaScript

var classname = document.getElementsByClassName("delete"); 

var myFunction = function() { 
    var c = confirm("Are you shure you want to delete this?"); 
    if(c) 
    { 
     /* DO WHAT YOU WANT */ 
    } 
}; 

for (var i = 0; i < classname.length; i++) { 
    classname[i].addEventListener('click', myFunction, false); 
} 

或JavaScript的HTML屬性onClick裏面有一些URL重定向,刪除頁面:

<button type="button" class="delete" onClick="var c = confirm('Are you shure you want to delete this?'); if(c) window.location.href='http://yourdomain/delete.php?id=1'">Delete</button> 

對於一些自定義警報,我會建議SweetAlert

+0

是的,我使用JavaScript'確認',但它顯示'本地主機說:你想刪除'這樣的背景屏幕也是可點擊的。我怎樣才能通過這種方法防止? – AbhiJA

+0

確認後無法點擊背景。這與警報類似,但具有確認。如果你想自定義確認你必須做更多的工作,或只使用[SweetAlert](https://github.com/t4t5/sweetalert)什麼支持CSS和自定義的東西。真是甜蜜:D –