使用 jQuery 查找 DetailsView 控件（编辑模板）

Question

我有一个包含以下代码的详细信息视图：

 <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>

似乎缺少什么？

Answer 1

尝试将脚本标签放在代码末尾。

Answer 2

最后一个

}) 缺少分号，这应该是 });