隐藏基于ASP复选框

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(); 
    } 

});