在 jQuery 确认框上添加是和否按钮答案

【问题标题】：Add Yes and No buttons on jQuery confirmation box在 jQuery 确认框上添加是和否按钮
【发布时间】：2012-02-09 13:54:40
【问题描述】：

我想要确认框上的“是”和“否”按钮，而不使用 jQuery UI 对话框。

有没有办法做到这一点？

【问题讨论】：

标签： javascript jquery jquery-ui

【解决方案1】：

您无法更改确认框文本，但您可以创建自己的。

看这里的例子：-Display Yes and No buttons instead of OK and Cancel in Confirm box?

我想你会明白自定义确认框的想法。

【讨论】：

【解决方案2】：

嗯，是也不是（不是双关语）。你可以使用这个：

if (confirm("Would you like an alert?")) {
    alert("Here you go!");
}

如果用户按下“确定”，confirm function 将返回true，如果按下“取消”，则返回false。这是纯 JavaScript（DOM 级别 0），所以所有浏览器都支持。

但是，据我所知，没有办法自定义按钮的标签。因此，您只能使用默认设置（如果设置为英文，则在大多数浏览器上为“Cancel”和“OK”）。

【讨论】：

【解决方案3】：

你可以这样做，但只能在 IE 中：Javascript Confirm popup Yes, No button instead of OK and Cancel AFAIK 其他浏览器不支持

<script language="javascript">
    function window.confirm(str) {
        execScript('n = msgbox("' + str + '","4132")', "vbscript");
        return (n == 6);
    }
</script>

如果你不想要 jQueryUI，但想一个插件 - 试试http://www.abeautifulsite.net/blog/2008/12/jquery-alert-dialogs/#demo（在链接的答案中也提到）

【讨论】：

【解决方案4】：

jQuery UI Dialog 是一个非常灵活和强大的工具。下面是一个如何询问用户是否要删除某些内容的示例：

<div id="dialog_box" style="display: none;">
    Really delete?
</div>
<button class="delete_btn">Delete</button>

<script>
$('.delete_btn').click(function(){
$('#dialog_box').dialog({
  title: 'Really delete this stuff?',
  width: 500,
  height: 200,
  modal: true,
  resizable: false,
  draggable: false,
  buttons: [{
  text: 'Yep, delete it!',
  click: function(){
      //delete it
    }
  },
  {
  text: 'Nope, my bad!',
  click: function() {
      $(this).dialog('close');
    }
  }]
});
});

</script>

//编辑：

抱歉，从您最初的问题中并不清楚您不想使用 jQuery 对话框（但为什么要使用 jquery/jquery-ui 标记问题呢？）。

AFAIK，没有其他方法可以完成您想做的事情。另外，请记住，本机 JavaScript 对话框的文本还考虑了浏览器语言和其他本地因素。因此，弄乱它可能并不总是一个好主意。

【讨论】：

【解决方案5】：

不，您不能更改 Javascript 的标准确认框按钮。

我建议你使用Jquery UI dialog。

【讨论】：