javascript - 如何通过在 ASP.NET 中选择单选按钮来启用和禁用下拉列表

Question

我想创建一个页面，每当我选择一个特定的单选项目时，下拉列表应该被启用，如果它选择了其他项目，下拉列表应该被禁用。

这是我在 ASP.NET 中的表单脚本

<form id="ticketbooking" class="book-ticket" runat="server">
    <asp:Label ID="mode" runat="server" class="label">Mode of Travel</asp:Label><br />
    <asp:RadioButton name="selector" ID="train" GroupName="travelmode" runat="server" value="tr"></asp:RadioButton>
    <asp:Label ID="forTrain" for="train" runat="server" class="label">Train</asp:Label> 
    <div class="check"></div>
    <asp:RadioButton name="selector" ID="air" GroupName="travelmode" runat="server" value="ar" OnCheckedChanged="air_CheckedChanged"></asp:RadioButton>
    <asp:Label ID="forAir" for="air" runat="server" class="label">Air</asp:Label> 
    <div class="check"></div><br />
    <asp:Label ID="airname" runat="server" class="label">Airline Name</asp:Label><br />
    <asp:DropDownList class="droplist" ID="airlist" runat="server" Enabled="false" Font-Size="20px">
        <asp:ListItem>Air India</asp:ListItem>
        <asp:ListItem>Kingfisher</asp:ListItem>
        <asp:ListItem>Jet Airways</asp:ListItem>
        <asp:ListItem>Spice Jet</asp:ListItem>
    </asp:DropDownList>
</form>

我已经尝试了下面的一些脚本，但它们不会工作...

方法一:

<script>
    $(document).ready(function () {
        $('input[name="selector"]').click(function () {
            if ($('input[name="selector"]').is(':checked')) {
                var radioValue = $("input[name='selector']:checked").val();
                if (radioValue == "tr") {
                    $("#airlist").prop("disabled", true);
                } else if (radioValue == "ar") {
                    $("#airlist").prop("disabled", false);
                }
            }
        });
    });
</script>

方法二:

protected void air_CheckedChanged(object sender, EventArgs e)
{
    if (air.Checked == true)
    {
        airlist.Enabled = true;
    }
    else
    {
        airlist.Enabled = false;
    }
}

我都试过了，但都没有用..当我点击“Air”单选按钮时，应该启用下拉列表..我做错了什么吗？请需要一些建议..我还是 ASP.NET 的新手，不确定如何在此框架中工作。

Answer 1

对于方法 1，将 ClientIDMode="static"您的 JavaScript 代码将正常工作 LIKE

<asp:RadioButton ClientIDMode="static" name="selector" ID="train" GroupName="travelmode" runat="server" value="tr"></asp:RadioButton>

对于方法 2 Put AutoPostback=true 你的 C# 将正常工作 LIKE

<asp:RadioButton AutoPostback="true" name="selector" ID="train" GroupName="travelmode" runat="server" value="tr"></asp:RadioButton>