在C# WebForms中如何为JS Alert添加按钮并实现点击动作？

没问题！原生的alert()确实只有一个确认按钮，但我们可以用两种方式实现带多个按钮并绑定动作的提示：一种是用原生的confirm()对话框（简单快速，适合不需要自定义样式的场景），另一种是自定义模态框（样式灵活可控，能和你的网站UI完美匹配）。下面给你具体的实现代码，直接替换你原来的脚本就行：

confirm()会弹出一个带「确定」和「取消」的对话框，用户点击后会返回布尔值（true表示确定，false表示取消），我们可以根据这个返回值执行对应的动作：

string script = @"
if(confirm('Cadastro realizado com sucesso. Deseja continuar cadastrando?')){
    // 用户点击「确定」时执行的动作，示例：重置表单清空内容，方便继续录入
    document.getElementById('yourFormId').reset();
} else {
    // 用户点击「取消」时执行的动作，示例：跳转到数据列表页面
    window.location.href = '/YourListPage.aspx';
}";
ScriptManager.RegisterStartupScript(this, GetType(), "ServerControlScript", script, true);

如果觉得原生对话框的样式太死板，想要和网站风格统一，就可以用自定义模态框。首先需要在你的ASP.NET页面的HTML部分（比如<form>标签内）添加模态框的结构：

<!-- 自定义模态框 -->
<div id="customModal" style="display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:25px; background:#fff; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.2); z-index:1000;">
    <p style="margin:0 0 20px 0; font-size:16px;">Cadastro realizado com sucesso. Deseja continuar cadastrando?</p>
    <div style="display:flex; gap:10px; justify-content:flex-end;">
        <button id="btnContinue" style="padding:8px 16px; background:#007bff; color:#fff; border:none; border-radius:4px; cursor:pointer;">继续</button>
        <button id="btnCancel" style="padding:8px 16px; background:#6c757d; color:#fff; border:none; border-radius:4px; cursor:pointer;">取消</button>
    </div>
</div>
<!-- 遮罩层，防止用户点击页面其他区域 -->
<div id="modalOverlay" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999;"></div>

然后在后台代码里注册触发模态框并绑定按钮事件的脚本：

string script = @"
// 显示模态框和遮罩层
document.getElementById('customModal').style.display = 'block';
document.getElementById('modalOverlay').style.display = 'block';

// 绑定「继续」按钮的点击事件
document.getElementById('btnContinue').addEventListener('click', function(){
    // 这里写你想要执行的「继续」动作，比如重置表单
    document.getElementById('yourFormId').reset();
    // 关闭模态框和遮罩层
    document.getElementById('customModal').style.display = 'none';
    document.getElementById('modalOverlay').style.display = 'none';
});

// 绑定「取消」按钮的点击事件
document.getElementById('btnCancel').addEventListener('click', function(){
    // 这里写你想要执行的「取消」动作，比如跳转到列表页
    window.location.href = '/YourListPage.aspx';
    // 如果是跳转页面，关闭模态框的代码可以省略，因为页面会刷新
    document.getElementById('customModal').style.display = 'none';
    document.getElementById('modalOverlay').style.display = 'none';
});";
ScriptManager.RegisterStartupScript(this, GetType(), "ServerControlScript", script, true);

注意：记得把代码里的yourFormId换成你实际的表单ID，/YourListPage.aspx换成你要跳转的页面路径哦～

内容的提问来源于stack exchange，提问作者Tais Nayara