2011-06-22 42 views
8

可能重复:
how to create yes/no/cancel box in javascript instead of ok/cancel?在确认框中显示是和否按钮,而不是确定并取消?

在确认消息中,我如何可以改变的按钮说“是”和“否”,而不是“确定”和“取消” ?有什么方法可以使用jQuery/Javascript来完成这个任务吗?预先感谢您的帮助。

+0

谢谢甜甜圈。编辑我的问题。 – user300485

+0

@Felix:它不是一个完全相同的副本,因为上一个问题的答案没有提到如何使用JQuery来做到这一点,只有这是可能的。虽然这里的答案可以合并在这个问题中。 –

+0

@PaloEbermann:好的,有一个链接到jQuery对话框。我认为我们可以从开发者那里期望他们阅读文档(如果他们知道在哪里可以找到它)。它仍然是重复的,问题是关于完全相同的问题。 –

回答

1

不,不可以更改confirm函数显示的对话框中按钮的内容。但是,您可以使用Javascript创建一个类似的对话框。 This page列出了几种不同的方法来完成这一点。

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

如果切换到jQuery UI的对话框,您就可以使用相应的名称初始化按钮阵列知道,不可能改变按钮的内容,至少不容易。这是相当容易有使用jQuery UI的对话框使用JQuery UI though

1

有Jquery的警报plugin

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

创建自己的确认框:

<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

+0

这不起作用,请更改代码或提供更多关于此的描述。 –

+0

@jubinPatel - 这是一个工作演示:http://jsfiddle.net/Xtreu/ – gilly3

+0

现在感谢它的作用。 –

相关问题