后台代码修改RadioButtonList ListItem失效问题求助

需求可行性 #

你的需求完全可以实现，问题出在对ASP.NET WebForms中RadioButtonList的渲染机制理解偏差，直接修改ListItem的属性无法达到预期效果。

原代码失效原因 #

1. Enabled属性不生成disabled HTML属性
   RadioButtonList的ListItem.Enabled仅控制服务端逻辑（比如提交时是否接受该选项的值），无论是否通过DataSource绑定，ASP.NET都不会自动将该属性转化为HTML <input> 标签的disabled属性。

2. Attributes添加的位置不符合预期
   当设置RepeatLayout="UnorderedList"时，你给ListItem添加的class属性会被渲染到外层的<li>元素上，而非<input>或<label>标签。如果你的CSS选择器是针对input或label的，自然看不到样式效果。

解决方案 #

通过RadioButtonList的DataBound事件，直接操作每个选项对应的RadioButton控件，实现禁用和添加CSS类的需求：

步骤1：修改.aspx文件，添加DataBound事件 #

<asp:RadioButtonList ID="Test" AutoPostBack="true" runat="server" RepeatLayout="UnorderedList" OnDataBound="Test_DataBound"></asp:RadioButtonList>

步骤2：在.aspx.cs中实现事件处理逻辑 #

protected void Test_DataBound(object sender, EventArgs e)
{
    RadioButtonList rbl = (RadioButtonList)sender;
    
    for (int i = 0; i < rbl.Items.Count; i++)
    {
        // 获取当前选项对应的RadioButton控件
        RadioButton radioBtn = (RadioButton)rbl.Items[i].FindControl($"RadioButton{i}");
        if (radioBtn == null) continue;

        // 禁用第一个选项
        if (i == 0)
        {
            radioBtn.Enabled = false;
        }

        // 根据条件添加CSS类到RadioButton
        ListItem currentItem = rbl.Items[i];
        if (currentItem.Text == "10")
        {
            radioBtn.CssClass = "Test";
            // 若需要给外层<li>添加类，可保留原代码
            currentItem.Attributes.Add("class", "Test-li");
        }
        else
        {
            radioBtn.CssClass = "Test other";
            currentItem.Attributes.Add("class", "Test-li other-li");
        }
    }
}

补充说明 #

• 若需要给<label>标签添加CSS类，可以通过CSS选择器关联（比如.Test + label来选中RadioButton对应的标签），或者在.NET Framework 4.0及以上版本中通过radioBtn.Label属性直接设置。
• 直接设置radioBtn.Enabled = false会自动生成<input disabled="disabled">的HTML，同时禁用对应的标签点击事件。

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