用户单击复选框时如何显示确认消息答案

【问题标题】：How to display confirmation message when a user clicks a checkbox用户单击复选框时如何显示确认消息
【发布时间】：2021-06-07 22:06:03
【问题描述】：

我在单击复选框时尝试显示确认消息时遇到问题。确认框出现但不执行任何类型的操作，例如当用户确认确定时在文本框中显示文本。任何建议都可以。提前致谢！

这里是代码。

<div>
    <asp:CheckBox ID="CheckBox1" runat="server" 
                  OnCheckedChanged="CheckBox1_CheckedChanged" 
                  OnClick="if(!confirm('Are you sure you?'))return false;" />
    <br />
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div>

protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
{
    TextBox1.Text = "blah";
}

【问题讨论】：

标签： javascript c# asp.net checkbox

【解决方案1】：

嗯，复选框不像按钮。复选框没有 OnClientClick。

但是，您可以使用 OnClick。

此外，除非您设置 AutoPostback = true，否则您拥有的代码存根（代码隐藏）不会像单击按钮那样运行。

但是，您可以这样做：

<asp:CheckBox ID="CheckBox1" runat="server"  
    OnClick="if (!confirm('really do this')) {return false;}" 
AutoPostBack="True"/>

您必须使用 !not 并退出 JavaScript 例程，否则您必须让 JS 代码继续运行，因为它会为您回发。于是，上面asp.net吐出来的代码变成了这样：

<input id="CheckBox1" type="checkbox" name="CheckBox1" 
  checked="checked" 
  onclick="if (!confirm('really do this')) {return false;};
  setTimeout('__doPostBack(\'CheckBox1\',\'\')', 0)">

所以，我们必须让 js 代码“如果我们想要 ok 继续，但如果我们不确认，那么我们必须执行 return false 并退出 js 代码存根，否则回发实际上会运行而不管返回 true 或 false。如果事实即使我们返回 true，那么存根退出并且以下回发代码将永远不会运行。因此，具有任一值的返回仍然会退出生成的代码存根。

所以复选框不支持大多数按钮的标准，因为您使用 js 返回 true 或 false，因此不会发生回发。

我们不能像按钮一样使用 say return confirm('Please hit ok')，因为如果我们“返回”一个值，那么后面的回发代码永远不会运行。

因此，对于按钮，OnClientClick() 返回值 (true/false) 会为您测试，并确定按钮回发是否会触发。复选框不是这样，并且没有定义或支持 OnClientClick。但正如您在上面看到的，我们可以欺骗页面处理器工作 - 因为它只是将自己的回发代码附加到我们填充到 OnClick 中的内容中。

但是，复选框不同，它并不真正支持 OnClientClick。但是如果你将代码推入 OnClick() 中，那么你可以看到最终渲染的输出。因此，如果我们确认，我们让 continue 继续运行回发，但如果您不确认并且后面的回发代码根本不运行，则退出（返回 false）。

【讨论】：