javascript - 基于 ASP 复选框隐藏 div

Question

我正在尝试制作一个 asp 文本框/复选框组合，如果选中该复选框，它将隐藏文本框，但我无法让 jQuery/Javascript 工作。我尝试了许多不同的解决方案，但还没有成功，因此我们将不胜感激

ASP:

<div runat="server" id="editStartYear" class="productInfo">
    Edit Start Year:
    <asp:CheckBox ID="startDateCheckBox" runat="server" ClientIDMode="Static" Text="Unknown Start Date"/>
    <asp:TextBox runat="server" ID="startBox" ClientIDMode="Static" Width="150" placeholder="Start Year"></asp:TextBox>
</div>

jQuery:

$(document).ready(function () {

$('#searchIcon').hover(function () {
    $('#searchIcon').attr("src", "includes/images/searchIconHover.png");
}, function () {
    $('#searchIcon').attr("src", "includes/images/searchIcon.png");
});
$('#searchBox').focus(function () {
    $('#searchBox').attr("value", "");
});

$("#startDateCheckBox").change(function () {
        if (this.checked) {
            $("#startBox").hide();
        } else {
            $("#startBox").show();
        }

});

});

Answer 1

您可以在复选框和文本框的 asp.net 标记中添加 ClientIDMode="Static"。然后可以使用客户端 JavaScript 来处理该复选框。现在您将它作为服务器端控件。

$("#startDateCheckBox").change(function() {
    if(this.checked) {
        $("#startBox").hide();
    } else {
        $("#startBox").show();
    }

});