如何显示MS Word中显示的三个button“是”“否”和“取消”的确认提醒
我正在通过JavaScript显示一个确认提醒框：
function checked() { if (hdnval.toLowerCase() != textbox1.toLowerCase()) { var save = window.confirm('valid') if (save == true) { return true; } else { return false; } } } 确认提醒显示两个button：确定和取消。
我想在我的确认提示中显示第三个button。 我想要三个button是这样的：'是''不''取消'，就像在MS Word中显示的那样。
这不能用原生javascript对话框完成，但是很多javascript库包含更灵活的对话框。 你可以使用像jQuery UI的对话框这样的东西。
另请参阅这些非常类似的问题：
- 带有自定义button的JavaScript确认框
- 在javascript确认对话框中自定义select
这里是一个例子，如这个jsFiddle所示 ：
<html><head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script> <link rel="stylesheet" type="text/css" href="/css/normalize.css"> <link rel="stylesheet" type="text/css" href="/css/result-light.css"> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css"> </head> <body> <a class="checked" href="http://www.google.com">Click here</a> <script type="text/javascript"> $(function() { $('.checked').click(function(e) { e.preventDefault(); var dialog = $('<p>Are you sure?</p>').dialog({ buttons: { "Yes": function() {alert('you chose yes');}, "No": function() {alert('you chose no');}, "Cancel": function() { alert('you chose cancel'); dialog.dialog('close'); } } }); }); }); </script> </body><html>
如果您不想使用单独的JS库为其创build自定义控件，则可以使用两个confirm对话框执行检查：
if (confirm("Are you sure you want to quit?") ) { if (confirm("Save your work before leaving?") ) { // code here for save then leave (Yes) } else { //code here for no save but leave (No) } } else { //code here for don't leave (Cancel) }
