Javascript 如何在ASPX页面上按条件弹出确认框？_Javascript_C#_Asp.net_.net_Ajax

Javascript 如何在ASPX页面上按条件弹出确认框？

javascript c# asp.net .net ajax

Javascript 如何在ASPX页面上按条件弹出确认框？,javascript,c#,asp.net,.net,ajax,Javascript,C#,Asp.net,.net,Ajax,我已经看过一些教程/演示，但无法解决我的ASPX页面（C#）的问题。我希望在按钮单击事件中弹出一个确认消息框，其中包含“是”和“否”按钮，但在检查条件之后单击按钮后，它将检查条件，如，如果（a>b），如果条件为真，将弹出确认框，否则跳过，不会弹出消息。之后，如果用户单击确认消息框上的“是”按钮，它将继续进行请提供代码，因为我是初学者这会让你走上正轨是和否不是通过确认（）实现的。您必须切换到类似 var select=document.getElementById（'c'）， btn=

我已经看过一些教程/演示，但无法解决我的ASPX页面（C#）的问题。我希望在按钮单击事件中弹出一个确认消息框，其中包含“是”和“否”按钮，但在检查条件之后

单击按钮后，它将检查条件，如，如果（a>b），如果条件为真，将弹出确认框，否则跳过，不会弹出消息。之后，如果用户单击确认消息框上的“是”按钮，它将继续进行

请提供代码，因为我是初学者

这会让你走上正轨<代码>是和

否

不是通过

确认（）实现的。

您必须切换到类似

var select=document.getElementById（'c'），
btn=document.getElementById（'check'）；
//添加单击事件
btn.onclick=函数（）{
var value=select.options[select.selectedIndex].value；//我还可以使用Boolean（value）；将其转换为Boolean，而不使用引号进行比较。
//检查条件是否为真。如果是，则要求用户确认。
如果（值='1'）{
log（'条件为真；请求确认'）；
var ask=confirm（'条件为true，是否继续？'）；
//如果确认；
如果（问）{
console.log（“已确认”）；
//如果拒绝/取消
}否则{
console.log（'cancelled'）；
}
}
}

条件：
真的
假的
下面的Check

对于初学者来说是一个非常简单的使用引导的例子。简单地复制并粘贴下面的代码，它就会工作：

代码隐藏（.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;
}

<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">&times;</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>

.ASPX:

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;
}

<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">&times;</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>


您尝试了什么？这是直截了当的。你有没有代码显示你想用什么？您可以将按钮onclick事件设置为指向js函数。在函数中检查条件并使用confirm（）；变量A和B中有两个值。我想检查A是否应该低于B，并执行insert命令。当A不低于B时，应弹出消息框并请求确认以执行插入命令。如果用户单击“是”，则命令将执行，如果单击“否”按钮，则不执行任何操作。使用您自己的条件替换value==“1”
。我为您提供了一个简单的示例，让您开始使用。在哪个标记下，我应该编写以下代码条件：true false Check我不确定我是否捕获了您的最后一条评论。你能澄清一下吗？对不起，作为初学者，我想澄清一下。我有两个用于aspx页面的文件，一个是代码文件（example.aspx.cs），另一个是GUI文件（example.aspx）。我在example.aspx.cs中编写您的第一个代码。现在我应该在example.aspxThanks中在哪里编写HTML代码呢？我终于得到了我想要的东西……但我没有什么问题。1.我的页面在确认后未被激活，它仍处于隐藏状态2。如果我不想使用“”，那么我如何隐藏“mymodal”。你必须使用标记，这是在页面上处理javascript的唯一方法。谷歌“如何关闭引导模式弹出窗口”