找到一个DetailsView控件（编辑模板）与jQuery

我有一个细节查看包含下面的代码：找到一个DetailsView控件（编辑模板）与jQuery

<asp:TemplateField HeaderText=""> 
     <EditItemTemplate> 
      Approve: <asp:CheckBox runat="server" ID="chkApproved" CssClass="btnStatus" /> 
      Reject: <asp:CheckBox runat="server" ID="chkReject" CssClass="btnStatus"/> 
      Cancel: <asp:CheckBox runat="server" ID="chkCancel" CssClass="btnStatus" /> 
     </EditItemTemplate> 
    </asp:TemplateField> 
    <asp:TemplateField HeaderText="Justification"> 
     <EditItemTemplate> 
      <asp:TextBox runat="server" 
           id="txtJustification" 
           TextMode="multiLine" 
           width = "100%" 
           ReadOnly="true" 
           Height="5em" 
          /> 
     </EditItemTemplate> 
    </asp:TemplateField>

我试图运行下面的jQuery和它不工作：

<script type="text/javascript"> 
$(document).ready(function() { 
    $("[id$='txtJustification']").hide(); 
    $("[ID$='chkReject']").click(function() { 
     alert("reject"); 
    }); 


}) 
    </script>

这段代码隐藏了文本框，但是当我单击“拒绝”复选框时它不起作用。我也尝试过以下但无济于事：

<script type="text/javascript"> 
$(document).ready(function() { 
    $("[id$='txtJustification']").hide(); 
    $(".btnStatus").click(function() { 
     alert("reject"); 
    }); 


}) 
    </script>

什么似乎失踪？

来源

2011-07-07 EvanGWatkins