Question

我想发出警告，点击按钮后，删除did you want delete this?并提出两个选项：ok和cancel。如果用户点击ok，则会删除该值。如果用户点击cancel，请不要删除该值。

在此网站中就像这样：

Stackoverflow confirmation dialog for post deletion vote

如何使用jQuery执行此操作？

Answer 1

<a href="#" id="delete">Delete</a>

$('#delete').click(function() {
   if (confirm('Do you want to delete this item?')) {
      // do delete item
   }
});

代码：http://jsfiddle.net/hP2Dz/4/

Answer 2

如果要设置提醒样式，请检查以下插件：jquery-alert-dialogs。这很容易使用。

jAlert('This is a custom alert box', 'Alert Dialog');

jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
     jAlert('Confirmed: ' + r, 'Confirmation Results');
});

jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) {
    if( r ) alert('You entered ' + r);
});

更新：官方网站目前处于离线状态。 here is another source

Answer 3

在JavaScript中，该类型的框为confirm，而不是alert。 confirm返回一个布尔值，表示用户是否对提示做出了正面或负面的响应（即点击OK会导致true返回，而点击cancel会导致{{1}被退回）。这适用于jQuery，但也适用于JavaScript。你可以这样说：

false

Answer 4

可能不是jquery，但是你可以使用

的简单原则

<html>
<head>
<script type="text/javascript">
function show_confirm()
{
var r=confirm("vote ");
if (r==true)
  {
  alert("ok delete"); //you can add your jquery here
  }
else
  {
  alert(" Cancel! dont delete"); //you can add your jquery here
  }
}
</script>
</head>
<body>

<input type="button" onclick="show_confirm()" value="Vote to delete?" /> <!-- can be changed to object binding with jquery-->

</body>
</html>Vot

使用jQuery提供多个选项的警报

4 个答案: