在确认框中显示是和否按钮而不是确定和取消？

Question

可能重复:
如何在javascript中创建是/否/取消框而不是确定/取消？

在确认消息框中,如何更改按钮以显示"是"和"否"而不是"确定"和"取消"？有没有办法使用jQuery/Javascript实现这一目标？在此先感谢您的帮助.

Answer 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

Answer 2

如果切换到jQuery UI对话框,则可以使用适当的名称初始化buttons数组,例如:

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

Answer 3

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