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

最后一个

缺少分号

}）这应该是}）;

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

2 个答案: