ASP.NET RadioButton异常：点击右侧按钮却选中左侧问题求助

我来帮你捋捋这个问题哈，这种点右边单选按钮却选中左边的情况，多半和你用的样式或者控件的渲染状态有关，给你几个具体的排查和解决方向：

• 先排查绝对定位导致的点击区域重叠
  你给两个RadioButton都加了position: absolute的样式，这种定位方式会让元素脱离正常文档流，很容易出现视觉上分开但实际点击区域重叠的情况。浏览器判断点击目标是基于元素的布局位置，不是视觉位置，要是两个控件的可点击区域（包括单选框本身和文字标签）重叠了，就会出现点右边却触发左边控件的问题。

  你可以先临时去掉style属性里的绝对定位代码，测试下点击是否正常。如果恢复正常，那就是定位的问题，调整left和top的值，确保两个控件的实际占据区域完全不重叠。

• 验证GroupName的一致性与渲染结果
  虽然你代码里写的GroupName都是measurementSystem，但要注意两个点：

  1. 检查有没有拼写错误（比如大小写、字母遗漏），ASP.NET在渲染时会把GroupName转化为HTML的name属性，虽然HTML的name不区分大小写，但保险起见要确保完全一致；
  2. 右键页面查看源代码，确认两个单选按钮对应的<input>标签的name属性是不是完全相同。如果不一样，大概率是因为两个控件在不同的NamingContainer里（比如分别放在不同的Panel、UserControl或者GridView行中），ASP.NET会自动给GroupName加上容器前缀，导致前端的name不一致，失去互斥性。这种情况要把两个控件放到同一个容器里，或者用其他方式保证name属性一致。

• 检查AutoPostBack与后台状态干扰
  两个控件都开启了AutoPostBack="True"，回发时可能出现ViewState状态恢复异常，或者后台代码里不小心修改了单选按钮的选中状态。你可以先把AutoPostBack改成False测试点击是否正常：

  • 如果正常，那就要检查后台代码（比如Page_Load、rdoSmallJars_CheckedChanged等事件）里有没有误设置rdoSmallJars.Checked = true的逻辑；
  • 如果还是异常，那基本可以排除回发的影响，回到前两个方向继续排查。

• 测试简化版代码
  你可以写一个极简的测试页面，只放这两个RadioButton，去掉所有样式和AutoPostBack，看看是否正常：

  <asp:RadioButton ID="rdoSmallJars" Text="Small" runat="server" GroupName="measurementSystem"/>
  <asp:RadioButton ID="rdo1" Text="Test" runat="server" GroupName="measurementSystem"/>
  

  如果这个简化版正常，再逐步加回样式和AutoPostBack，就能定位到具体是哪个部分出了问题。

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