Question

您好我有这段代码：

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

如何添加确认对话框，点击是或否？

谢谢

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对话框控件。非常易于配置，可以提供更丰富的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>

希望这会有所帮助。干杯

Javascript或jquery确认对话框

6 个答案: