Javascript 基于Asp.net中radiobuttonlist的Jquery显示/隐藏

当选择单选按钮列表选项时，有人可以帮助JQuery语法执行操作吗？我有一个单选按钮列表，有两个选项。我想在选择一个值时隐藏div，在选择另一个值时显示div

这工作正常，但当值来自代码隐藏时。它保持不变或不起作用

这是我的Asp.net页面代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>       
        <div>
            <asp:Label ID="Label1" runat="server" Text="Types of Loan: " />
            <asp:RadioButtonList ID="radLoan" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" ClientIDMode="Static">
                <asp:ListItem Value="Car">Car Loan</asp:ListItem>
                <asp:ListItem Value="House">House Loan</asp:ListItem>
                <asp:ListItem Value="Others">Others</asp:ListItem>
            </asp:RadioButtonList>
            <br />
            <br />
            <div id="divOther">
                <asp:Label ID="Label2" runat="server" Text="Others: " />
                <asp:TextBox ID="txtOthers" runat="server" />
            </div>
        </div>

输出图像。。。 像这样的可能

$(document).ready(function () {
        var radioChecked;
        radioChecked = $("#<%=radLoan.ClientID%> input:checked").val();
        if (radioChecked == "Others") {
                $('#divOther').show();
            } else {
                $('#divOther').hide();
            }
        $('#<%=radLoan.ClientID%>').change(function () {
            radioChecked = $("input[type='radio']:checked").val()
            if (radioChecked == "Others") {
                $('#divOther').show();
            } else {
                $('#divOther').hide();
            }
        });
    });

$（文档）.ready（函数（）{
放射检查；
radioChecked=$（“#输入：选中”）.val（）；
如果（radioChecked==“其他”）{
$（'#divOther'）.show（）；
}否则{
$（'#divOther'）.hide（）；
}
$（'#'）。更改（函数（）{
radioChecked=$（“输入[type='radio']：选中”）.val（）
如果（radioChecked==“其他”）{
$（'#divOther'）.show（）；
}否则{
$（'#divOther'）.hide（）；
}
});
});

因此，我的理解是，当您在浏览器上选择单选按钮值时，jquery运行良好，当您将其设置为“代码隐藏”时，它不会显示相应的div。对？？？@GaganDeep是，它被选中为重拨列表项“其他”，但不会显示div。是否有任何选项添加到Jquery本身……因此，在绑定更改事件之前，您可以检查页面加载时是否检查了任何值，如果是，您可以使用javascript显示相应的div。@GaganDeep您的答案标记为已解决，但仍然存在一些问题。即使在更改var值等之后，我也不能对多个控件使用此选项。我知道我犯了一个有问题的错误，但代码radioChecked=$（“input[type='radio']：checked”）。val（）与其他redio按钮列表冲突。。。

 radLoan.Attributes.Add("OnClick", "return radLoan_onClick(this)");

$(document).ready(function () {
        var radioChecked;
        radioChecked = $("#<%=radLoan.ClientID%> input:checked").val();
        if (radioChecked == "Others") {
                $('#divOther').show();
            } else {
                $('#divOther').hide();
            }
        $('#<%=radLoan.ClientID%>').change(function () {
            radioChecked = $("input[type='radio']:checked").val()
            if (radioChecked == "Others") {
                $('#divOther').show();
            } else {
                $('#divOther').hide();
            }
        });
    });