javascript - 在 ASP.NET/C# 中检查复选框服务器控件时隐藏文本框 - 使用 Jquery 或 Javascript

Question

如果再次选中复选框，我一直在尝试隐藏文本框，如果未选中复选框，则显示文本框源代码如下所示。

   <asp:CheckBox ID="ShortStoryCheckBox" runat="server" />
<asp:TextBox ID="LeadTextBox" runat="server" Height="77px" TextMode="MultiLine" 
        Width="370px"></asp:TextBox>

所以我的目标是在选中 ShortStoryCheckBox 时隐藏 LeadTextBox。如果再次取消选中，我必须显示它。为此，我尝试了下面的一段 JQuery。在我使用的 ID 下方是我从浏览器的源代码 View 中获得的 HTML id。

<script type="text/javascript">
    $("#ctl00_PlaceHolderMain_Home_ShortStoryCheckBox").change(function () {
        if (this.checked) {
            $("#ctl00_PlaceHolderMain_Home_LeadTextBox").hide();
        }
        else {
            $("#ctl00_PlaceHolderMain_Home_LeadTextBox").show();
        }
    });
</script>

但是它不起作用，有人可以帮助我，我该怎么做？或者我哪里出错了？实现它的任何替代建议也将非常有帮助。

Answer 1

尝试使用 click 和 prop 以及一些代码重构

<script type="text/javascript">

$(document).ready(function(){

    $("#<%= ShortStoryCheckBox.ClientID %>").click(function () {
        if ($(this).prop("checked")===true) {
            $("#<%= LeadTextBox.ClientID %>").hide();
        }
        else {
             $("#<%= LeadTextBox.ClientID %>").show();
        }
    });
 });
</script>