ASPX环境下JS修改按钮值后触发点击事件，sender参数无法识别修改

这个问题我在做WebForms项目时也踩过坑，核心原因是ASP.NET WebForms的回发机制和客户端DOM修改是脱节的：服务器端控件的状态靠ViewState维护，你用JS改的只是浏览器里的DOM值，不会自动同步到服务器的ViewState里，所以后台从sender里拿不到修改后的结果。另外你用pageBtn.Attributes("value") = "Nothing"也有误区——这只是设置HTML的value属性，不是服务器端按钮的Text属性，自然达不到预期效果。

下面给你几个可行的解决思路：

思路一：用隐藏字段同步客户端修改值 #

这是最常用的方案，通过一个隐藏字段把JS修改后的值传递到后台：

1. 先在页面上添加一个服务器端隐藏字段：

   <asp:HiddenField ID="hfBtnUpdatedValue" runat="server" />
   

2. 用JS修改按钮value的同时，把新值赋值给这个隐藏字段：

   // 获取按钮的客户端ID（WebForms控件要注意ClientID）
   var targetBtn = document.getElementById('<%= pageBtn.ClientID %>');
   // 修改按钮的显示文本（客户端value）
   var newBtnValue = "Nothing";
   targetBtn.value = newBtnValue;
   // 同步到隐藏字段
   document.getElementById('<%= hfBtnUpdatedValue.ClientID %>').value = newBtnValue;
   // 触发按钮点击
   targetBtn.click();
   

3. 在后台按钮的点击事件（或者Page_Load里），直接从隐藏字段取修改后的值：

   protected void pageBtn_Click(object sender, EventArgs e)
   {
       string updatedBtnValue = hfBtnUpdatedValue.Value;
       // 这里就可以拿到JS修改后的"Nothing"了
   }
   

思路二：区分服务器端属性和HTML属性 #

如果你是想在后台修改按钮文本，不要用Attributes("value")，而是直接操作服务器端的Text属性：

// 这才是修改按钮的服务器端文本，回发时会同步到ViewState
pageBtn.Text = "Nothing";
// 如果需要触发客户端点击，可以注册JS脚本
ScriptManager.RegisterStartupScript(this, GetType(), "clickBtn", "document.getElementById('" + pageBtn.ClientID + "').click();", true);

这样修改后，按钮的客户端value也会自动更新，后台回发时也能正确识别这个值。

思路三：用__doPostBack手动传递参数 #

WebForms的回发本质是调用__doPostBack方法，你可以手动调用它并传递修改后的值作为参数：

var targetBtn = document.getElementById('<%= pageBtn.ClientID %>');
var newBtnValue = "Nothing";
targetBtn.value = newBtnValue;
// 手动触发回发，把新值作为事件参数传递
__doPostBack('<%= pageBtn.UniqueID %>', newBtnValue);

然后在后台的Page_Load或者按钮点击事件里，通过Request.Form["__EVENTARGUMENT"]获取这个参数：

protected void Page_Load(object sender, EventArgs e)
{
    if (IsPostBack)
    {
        string eventArg = Request.Form["__EVENTARGUMENT"];
        if (!string.IsNullOrEmpty(eventArg))
        {
            // eventArg就是JS传递过来的新按钮值
        }
    }
}

总结一下：WebForms的服务器控件状态不会自动感知客户端DOM的修改，必须通过额外的载体（隐藏字段、回发参数）把客户端的修改传递到后台，同时要注意区分服务器端属性和HTML原生属性的差异，不要混淆使用。

内容的提问来源于stack exchange，提问作者Mario Castillo Gamez