ASP WebForms实现RadioButtonList无JS环境下的服务端交互

你遇到的核心问题有两个：一是客户端JS选择器和控件ID不匹配，导致前端控制逻辑根本没生效；二是自定义的onchange事件加上return false，双重阻止了ASP.NET的AutoPostBack回发，使得服务端SelectedIndexChanged事件完全无法执行。下面给你分步解决：

第一步：修正客户端JS的ID匹配错误 #

你的RadioButtonList设置了ClientIDMode="Static"，ID是RadioButtonList，但JS里用的是$('#RblParticipantsType')，这会导致JS找不到目标元素。先把JS选择器改成和控件ID一致：

$(function() {
    $('#RadioButtonList input').on('change', function() {
        var rblValue = $('#RadioButtonList input:checked').val();
        var divInsertPerson = $('div#DivInsertPerson');
        var divInsertCompany = $('div#DivInsertCompany');
        
        if (rblValue === '1') {
            divInsertPerson.css('display', 'inherit');
            divInsertCompany.css('display', 'none');
        } else if (rblValue === '2') {
            divInsertPerson.css('display', 'none');
            divInsertCompany.css('display', 'inherit');
        }
    });
});

第二步：解决服务端回发不触发的问题 #

你原本设置了AutoPostBack="true"，但自定义的onchange事件覆盖了ASP.NET自动生成的回发代码，再加上JS函数里的return false，直接阻断了回发流程。这里给你两种场景的解决方案：

场景1：兼顾JS启用（无刷新体验）和JS禁用（服务端回发） #

这是最优方案，JS启用时用前端控制避免页面刷新，JS禁用时自动触发回发靠服务端处理：

1. 去掉RadioButtonList上的自定义onchange属性，保留AutoPostBack="true"：

<asp:RadioButtonList ID="RadioButtonList" 
                     OnSelectedIndexChanged="RadioButtonList_SelectedIndexChanged" 
                     AutoPostBack="true" 
                     ClientIDMode="Static" 
                     RepeatColumns="2" 
                     runat="server">
    <asp:ListItem Value="1" Selected="True">Eraisik</asp:ListItem>
    <asp:ListItem Value="2">Ettevõte</asp:ListItem>
</asp:RadioButtonList>

2. 修改JS代码，绑定change事件并阻止回发（仅JS启用时生效）：

$(function() {
    $('#RadioButtonList input').on('change', function() {
        var rblValue = $('#RadioButtonList input:checked').val();
        var divInsertPerson = $('div#DivInsertPerson');
        var divInsertCompany = $('div#DivInsertCompany');
        
        if (rblValue === '1') {
            divInsertPerson.css('display', 'inherit');
            divInsertCompany.css('display', 'none');
        } else if (rblValue === '2') {
            divInsertPerson.css('display', 'none');
            divInsertCompany.css('display', 'inherit');
        }
        
        // JS禁用时这段代码不执行，AutoPostBack会自动触发回发
        return false;
    });
});

3. 确保服务端代码正确，且Div控件是runat="server"的：

protected void RadioButtonList_SelectedIndexChanged(object sender, EventArgs e)
{
    if (RadioButtonList.SelectedValue == "1")
    {
        DivInsertPerson.Visible = true;
        DivInsertCompany.Visible = false;
    }
    else if (RadioButtonList.SelectedValue == "2")
    {
        DivInsertCompany.Visible = true;
        DivInsertPerson.Visible = false;
    }
}

场景2：强制每次切换都触发回发（简单直接） #

如果不需要前端无刷新体验，直接去掉所有JS代码，只保留服务端逻辑：

1. 移除客户端JS代码，RadioButtonList保留AutoPostBack="true"和事件绑定：

<asp:RadioButtonList ID="RadioButtonList" 
                     OnSelectedIndexChanged="RadioButtonList_SelectedIndexChanged" 
                     AutoPostBack="true" 
                     ClientIDMode="Static" 
                     RepeatColumns="2" 
                     runat="server">
    <asp:ListItem Value="1" Selected="True">Eraisik</asp:ListItem>
    <asp:ListItem Value="2">Ettevõte</asp:ListItem>
</asp:RadioButtonList>

2. 服务端代码保持不变，每次切换单选按钮都会触发回发，服务端直接控制Div的显示隐藏。

额外检查项 #

• 确保RadioButtonList放在<form runat="server">标签内部，ASP.NET的回发必须依赖表单。
• 不要禁用页面的ViewState，SelectedIndexChanged事件需要ViewState来跟踪选中状态。

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