我已经看过几个教程/演示,但无法解决我的 ASPX 页面(C#)的问题。 我想在按钮单击事件但在检查条件之后弹出一个带有"is"和“否”按钮的确认消息框。
点击按钮后会检查条件,如if(a>b),如果条件为真,会弹出确认框,否则跳过,没有消息将会弹出。 之后,如果用户单击确认消息框中的"is"按钮,则会继续进行。
请提供代码,因为我是初学者。
最佳答案
下面是一个非常简单的示例,适合初学者使用 Bootstrap。只需复制并粘贴下面的代码即可运行:
隐藏代码(.cs 文件):
protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnClick_Click(object sender, EventArgs e)
{
lblOutput.Text = String.Empty;
bool showModal = true;
if(showModal)
ScriptManager.RegisterStartupScript(this, this.GetType(), "myModal", "$('#myModal').modal('show');", true);
}
protected void Decision_Command(object sender, CommandEventArgs e)
{
lblOutput.Text = "User clicked - " + e.CommandArgument;
}
.ASPX:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="btnClick" runat="server" Text="OK" OnClick="btnClick_Click" />
<asp:Label ID="lblOutput" runat="server"></asp:Label>
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Would you like to continue?</h4>
</div>
<div class="modal-body">
<h3>Would you like to coninue?</h3>
<asp:Button ID="btnYes" runat="server" Text="Yes" OnCommand="Decision_Command" CommandArgument="Yes" />
<asp:Button ID="btnNo" runat="server" Text="No" OnCommand="Decision_Command" CommandArgument="No" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
输出:
关于javascript - 如何在ASPX页面弹出条件确认框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38896449/