function btnSelete_Click() {
var strconfirm = confirm("Are you sure you want to delete?");
if (strconfirm == true) {
return true;
}
}
<asp:Button ID="btnSelect" runat="server" Text="Select" Onclientclick="return btnSelete_Click();" CssClass="cssbutton" />
如何在Javascript中创建一个是/否/取消警报框而不是确定/取消警报框？
【问题讨论】：
标签： javascript
你不能用原生的confirm() 做到这一点，因为它是浏览器的方法。
您必须为确认框创建一个插件（或尝试其他人创建的插件）。而且它们通常看起来也更好。
附加提示：把你的英文句子改成类似
真的，删除这个东西吗？
【讨论】：
您可以使用jQuery UI Dialog。
这些库创建的 HTML 元素的外观和行为类似于对话框，允许您在对话框中放置任何您想要的内容（包括表单元素或视频）。
【讨论】：
我将尝试使用 jQuery 的解决方案，当然它应该会给出一个不错的结果。当然你必须加载 jQuery ... 像这样的弹出窗口怎么样？当然，这取决于用户授权弹出窗口。
<html>
<head>
<script language="javascript">
var ret;
function returnfunction()
{
alert(ret);
}
</script>
</head>
<body>
<form>
<label id="QuestionToAsk" name="QuestionToAsk">Here is talked.</label><br />
<input type="button" value="Yes" name="yes" onClick="ret=true;returnfunction()" />
<input type="button" value="No" onClick="ret=false;returnfunction()" />
</form>
</body>
</html>
【讨论】：
为了解决类似的情况，我遇到了this 示例和adapted 它。正如 Nikhil D 建议的那样，它使用 JQUERY UI Dialog。下面看一下代码：
HTML：
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<input type="button" id="box" value="Confirm the thing?" />
<div id="dialog-confirm"></div>
JavaScript：
$('#box').click(function buttonAction() {
$("#dialog-confirm").html("Do you want to do the thing?");
// Define the Dialog and its properties.
$("#dialog-confirm").dialog({
resizable: false,
modal: true,
title: "Do the thing?",
height: 250,
width: 400,
buttons: {
"Yes": function() {
$(this).dialog('close');
alert("Yes, do the thing");
},
"No": function() {
$(this).dialog('close');
alert("Nope, don't do the thing");
}
}
});
});
$('#box').click(buttonAction);
我还需要做一些调整才能使这个示例适用于我的应用程序。如果我认为它适合答案，将更新它。 希望这可以帮助某人。
【讨论】：
Javascript 中的“确认”会停止整个过程，直到它的按钮得到鼠标响应。如果那是您正在寻找的，您可以参考 jquery-ui 但如果您在接收响应时没有在您的进程后面运行任何东西并且您以编程方式控制流程，请看一下这个。您必须自己对所有内容进行硬编码，但您可以完全控制自定义。 https://www.w3schools.com/howto/howto_css_modals.asp
【讨论】：
构建了一个小型的、类似于确认的 vanilla js 是/否对话框。
https://www.npmjs.com/package/yesno-dialog
【讨论】：