Question

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

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

Answer 1

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

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

Answer 2

创建您自己的确认框：

<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 3

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

Answer 4

有Jquery提醒plugin

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

Answer 5

据我所知，不可能改变按钮的内容，至少不容易。使用JQuery UI though

拥有自己的自定义提醒框非常容易

Answer 6

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

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

6 个答案: