我通过JavaScript显示了一个确认警告框:
function checked() {
if (hdnval.toLowerCase() != textbox1.toLowerCase()) {
var save = window.confirm('valid')
if (save == true)
{
return true;
}
else
{
return false;
}
}
}
确认alert 通过两个按钮显示:确定和取消.
我想在确认alert 中显示第三个按钮.我希望这三个按钮是这样的:"是""否""取消"，如MS Word中所示.
这不能用原生javascript对话框来实现，但许多javascript库都包含更灵活的对话框.你可以用jQuery UI's dialog个盒子来做这个.
另请参见这些非常相似的问题:
下面是一个例子，如this 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>