Javascript或jQuery的確認對話框

Question

你好，我有這樣的代碼：

<a href="#" class="removelink" title="<%=id%>"><button class="btn-icon btn-orange btn-cross"><span></span>Delete</button></a> 

我怎麼可以添加一個確認對話框的onclick用是或否？

謝謝

Answer 1

如果要使用本機確認是指昆汀的建議，否則看看jquery-easy-confirm-dialog

Answer 2

使用confirm，則返回true或false，所以你可以在你的事件處理程序結束返回。

Answer 3

function confirmation() { 
    var answer = confirm("Leave?") 
    if (answer){ 
     alert("Bye bye!") 
     window.location = "http://www.google.com/"; 
    } 
    else{ 
     alert("Thanks for sticking around!") 
    } 
} 

<input type="button" onclick="confirmation()"> 

Answer 4

使用jQuery UI的對話框控件。非常可配置，並允許更豐富的用戶界面體驗。

Answer 5

<a href="#" class="removelink" title="<%=id%>"> 
<button class="btn-icon btn-orange btn-cross"><span></span>Delete</button></a> 

$('a').button({ 
    click: function(event, ui) { 
    return confirm("Wanna leave ?"); 
} 
    }); 

Answer 6

一個簡單的方法（不包括jQuery的），只是改變了href：

<a href="return javascript:confirm('Are you sure you want to delete');" class="removelink" title="<%=id%>"> 
<button class="btn-icon btn-orange btn-cross"><span></span>Delete</button> 
</a> 

希望這有助於。乾杯