Скрытие div на основе ASP checkbox

Question

Я пытаюсь создать командную строку asp textbox/checkbox, которая скроет текстовое поле, если флажок установлен, но я не могу заставить 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

Вы можете добавить ClientIDMode="Static" в asp.net разметки для флажка и текстового поля. Затем javascript на стороне клиента можно использовать для установки флажка. Сейчас у вас это как контроль на стороне сервера.

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

});