Asp.net中基于单选按钮列表的Jquery显示/隐藏

<asp:RadioButtonList ID="rbList" runat="server">
    <asp:ListItem Value="option1">Option 1</asp:ListItem>
    <asp:ListItem Value="option2">Option 2</asp:ListItem>
    <asp:ListItem Value="option3">Option 3</asp:ListItem>
</asp:RadioButtonList>

<div id="content1" style="display:none;">
    Content 1
</div>

<div id="content2" style="display:none;">
    Content 2
</div>

<div id="content3" style="display:none;">
    Content 3
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function () {
        $('input[name="<%= rbList.ClientID %>"]').change(function () {
            var selectedValue = $(this).val();
            $('#content1, #content2, #content3').hide();
            $('#content' + selectedValue.substr(selectedValue.length - 1)).show();
        });
    });
</script>