Jquery 选择单选按钮时更改div可见性

我有一个div，我想在用户选择特定单选按钮时显示它。另外，当用户选择另一个单选按钮时，我需要隐藏div

我试过这个

$("#RdbToday").click(function () {
        $("#dateSelectorSpan").hide();
    }); 
    $("#RdbDateRange").click(function () {
        $("#dateSelectorSpan").show();
    });

由于某些原因，

。单击

不起作用。我试图在每个函数中发出

警报

，但警报没有触发

我还尝试了用户

.change

，但结果相同

编辑 我已经包括了jquery库，并且有很多jquery函数正在工作

以下是所有代码：

$(document).ready(function () {
    //LoadCallsPerCampign();
    //showTotalCallsStatuses();
    //showInboundCalls();
    //LoadServiceLevel();

    $("#RdbToday").change(function () {
        $("#dateSelectorSpan").hide();
    }); 
    $("#RdbDateRange").change(function () {
        $("#dateSelectorSpan").show();
    });
})

编辑2 这是html

<asp:RadioButton runat="server" ID="RdbToday" Text="Today" Font-Names="Calibri" GroupName="foo"/>
                <asp:RadioButton runat="server" ID="RdbDateRange" Text="Date Range:" Font-Names="Calibri" GroupName="foo"/>
                <span id="dateSelectorSpan">
                    <input type="text" id="CldrFrom" runat="server" clientidmode="Static" placeholder="From" style="width:15%" />
                    <input type="text" id="CldrTo" runat="server" clientidmode="Static" placeholder="To" style="width:15%"/>
                </span>

编辑3 对于需要实际html的用户。就是这个

<span style="font-family:Calibri;"><input id="RdbToday" type="radio" name="foo" value="RdbToday"><label for="RdbToday">Today</label></span>
<span style="font-family:Calibri;"><input id="RdbDateRange" type="radio" name="foo" value="RdbDateRange"><label for="RdbDateRange">Date Range:</label></span>
<span id="dateSelectorSpan">
                    <input name="CldrFrom" type="text" id="CldrFrom" placeholder="From" style="width:15%">
                    <input name="CldrTo" type="text" id="CldrTo" placeholder="To" style="width:15%">
                </span>

今天
日期范围：

您需要javascript中的

ClientID

，而不是服务器id，因为asp.net将为服务器控件生成新的CliendID，并且您无法通过该id找到元素的选择器

$("#<%= RdbToday.ClientID %>").change(function () {
    $("#dateSelectorSpan").hide();
}); 
$("#<%= RdbDateRange.ClientID %>").change(function () {
    $("#dateSelectorSpan").show();
});

---

在document.ready中添加处理程序，并确保您有jQueryadded@Adil是的，文档中的代码已经准备好了。另外，我有很多jquery函数。我已经包括了图书馆，请给我们看看你的html，这些单选按钮是动态添加的，如果是，代表事件。或者，可能是使用了错误的选择器。您是否检查了输出的HTML，表明id确实是

RdbToday

和

RdbDateRange

？如果这些id在容器中，ASP.NET将更改它们！这是错误的。请检查我的编辑3。id没有改变你的代码正在工作检查这里，

$("#RdbToday").change(function () {
    $("#dateSelectorSpan").hide();
});
$("#RdbDateRange").change(function () {
    $("#dateSelectorSpan").show();
});