ASP.NET中如何通过JavaScript获取RadioButtonList的选中值？

我明白你的困扰——ASP.NET的RadioButtonList控件在前端渲染后，并不是单个带value的元素，而是一组<input type="radio">按钮被包裹在一个容器（比如<span>或<div>）里。你之前直接获取容器的value属性，自然拿不到正确的选中值，因为容器本身没有这个属性。

问题根源 #

当你执行document.getElementById('<%= rblUserEquip.ClientID %>')时，拿到的是RadioButtonList生成的外层容器，而非具体的单选按钮。这个容器元素没有value属性，所以myRadioButton.value会返回undefined；而nodeValue是针对DOM文本节点的属性，对容器元素来说自然是null。

正确的解决方案 #

你需要从容器中找到被选中的单选按钮，再获取它的value。可以用querySelector方法直接定位选中的radio，步骤如下：

1. 获取RadioButtonList的容器元素
2. 在容器内查找:checked状态的<input type="radio">元素
3. 若找到选中项，获取它的value属性

另外注意：JavaScript中的布尔值是小写的false/true，你原代码里的False会导致语法错误，需要修正。

修改后的完整代码 #

<script type="text/javascript">
function TextValidation(oSource, args) {
    // 获取RadioButtonList的容器
    var radioContainer = document.getElementById('<%= rblUserEquip.ClientID %>');
    // 找到容器内被选中的单选按钮
    var selectedRadio = radioContainer.querySelector('input[type="radio"]:checked');
    var myTextBox = document.getElementById('<%= txtEmpName.ClientID %>');

    // 确保找到选中项（虽然默认有选中，但做个判断更稳妥）
    if (selectedRadio) {
        var selectedValue = selectedRadio.value;
        alert("选中值：" + selectedValue);
        
        if (selectedValue === "no") {
            alert("Test2");
            if (myTextBox.value.trim() === "") {
                args.IsValid = false;
                alert("Employee name empty");
                return false;
            } else {
                args.IsValid = true;
            }
        } else {
            args.IsValid = true;
            alert("Test3");
        }
    } else {
        // 极端情况：没有选中项时的处理
        args.IsValid = true;
    }
}
</script>

<asp:RadioButtonList ID="rblUserEquip" runat="server">
    <asp:ListItem Value="yes" Text="Yes"></asp:ListItem>
    <asp:ListItem Value="no" Text="No" Selected="True"></asp:ListItem>
</asp:RadioButtonList>
<asp:TextBox ID="txtEmpName" runat="server"></asp:TextBox>
<asp:CustomValidator runat="server" ID="cvEmpName" ClientValidationFunction="TextValidation" Display="Dynamic" Text="*" ErrorMessage="Please fill TextBox"></asp:CustomValidator>
<cc1:ValidatorCalloutExtender ID="vceSymptoms" runat="server" TargetControlID="cvEmpName"></cc1:ValidatorCalloutExtender>

额外说明 #

• 如果你需要兼容更老的浏览器（不支持querySelector），可以遍历容器内的所有radio元素，逐个检查checked属性：

  var radios = radioContainer.getElementsByTagName('input');
  var selectedValue = null;
  for (var i = 0; i < radios.length; i++) {
      if (radios[i].checked) {
          selectedValue = radios[i].value;
          break;
      }
  }
  

• 建议对文本框的值做trim()处理，避免用户输入空格导致的误判。

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