在确认框中显示是和否按钮而不是确定和取消？ [复制]答案

【问题标题】：Display Yes and No buttons instead of OK and Cancel in Confirm box? [duplicate]在确认框中显示是和否按钮而不是确定和取消？ [复制]
【发布时间】：2011-06-22 20:13:20
【问题描述】：

可能重复：
how to create yes/no/cancel box in javascript instead of ok/cancel?

在确认消息框中，如何将按钮更改为“是”和“否”而不是“确定”和“取消”？有没有办法使用 jQuery/Javascript 来完成这个？提前感谢您的帮助。

【问题讨论】：

谢谢甜甜圈。用于编辑我的问题。
@Felix：这不是完全重复的，因为上一个问题的答案没有提到如何用 JQuery 做到这一点，只是有可能。不过，这里的答案可以合并到那个问题中。
@PaloEbermann：嗯，有一个指向 jQuery 对话框的链接。我认为我们可以期望开发人员阅读文档（如果他们知道在哪里可以找到它）。它仍然是重复的，问题是关于完全相同的问题。

标签： javascript jquery

【解决方案1】：

创建您自己的确认框：

<div id="confirmBox">
    <div class="message"></div>
    <span class="yes">Yes</span>
    <span class="no">No</span>
</div>

创建自己的confirm() 方法：

function doConfirm(msg, yesFn, noFn)
{
    var confirmBox = $("#confirmBox");
    confirmBox.find(".message").text(msg);
    confirmBox.find(".yes,.no").unbind().click(function()
    {
        confirmBox.hide();
    });
    confirmBox.find(".yes").click(yesFn);
    confirmBox.find(".no").click(noFn);
    confirmBox.show();
}

通过您的代码调用它：

doConfirm("Are you sure?", function yes()
{
    form.submit();
}, function no()
{
    // do nothing
});

您需要将 CSS 添加到样式并适当地放置您的确认框。

工作演示：jsfiddle.net/Xtreu

【讨论】：

这不起作用，请更改代码或对此提供更多描述。
@jubinPatel - 这是一个工作演示：jsfiddle.net/Xtreu
非常感谢它现在可以工作了。
此确认框不会像普通确认框那样禁用屏幕的其余部分。即使出现确认框，我也可以再次按下“删除我的数据”按钮
@ALBI - 我的 jsfiddle 的此更新添加了一个覆盖以隐藏页面：jsfiddle.net/Xtreu/269 我使用 JavaScript 添加了覆盖，但您也可以将其添加到 HTML 并使用 JavaScript 显示/隐藏它像这样：jsfiddle.net/Xtreu/270.

【解决方案2】：

如果您切换到 jQuery UI 对话框，您可以使用适当的名称初始化按钮数组，例如：

$("#id").dialog({
  buttons: {
    "Yes": function() {},
    "No": function() {}
  }
});

【讨论】：

【解决方案3】：

使用 jQuery UI 对话框的示例：http://jsfiddle.net/JAAulde/qqkGA/ 以及 UI 自己的演示：http://jqueryui.com/demos/dialog/#modal-confirmation

【讨论】：

【解决方案4】：

有Jquery提醒plugin

$.alerts.okButton = ' Yes ';
$.alerts.cancelButton = ' No ';

【讨论】：

【解决方案5】：

据我所知，更改按钮的内容是不可能的，至少不容易。使用JQuery UI though 拥有自己的自定义警报框相当容易

【讨论】：

【解决方案6】：

不，不能更改confirm 函数显示的对话框中按钮的内容。您可以使用 Javascript 创建一个看起来相似的对话框。

【讨论】：