javascript - 使用javascript禁用ascx布局模板中的asp按钮

Question

我正在尝试使用 javascript/jquery 禁用单击复选框时的按钮，但我遇到了困难。

<asp:ListView runat="server" ID="lvApplicationForms" OnItemCommand="lvAttachedDocuments_OnItemCommand"
            DataKeyNames="FormID" OnPreRender="lvApplicationForms_PreRender" OnItemDataBound="lvApplicationForms_ItemDataBound">
            <LayoutTemplate>
                <table class="formData_tb" style="margin-top: 0px" cellspacing="0px" width="590px">

                    <asp:PlaceHolder ID="itemplaceholder" runat="server" />
                    <tr style="background-color: #dedede">
                        <td class="fieldData_td"></td>
                        <td class="fieldName_td" colspan="2">All Documents
                        </td>
                        <td class="fieldData_td" style="text-align: center">
                            <asp:CheckBox ID="cbSignAll" runat="server" Text="" onclick="javascript:return CheckedChange(this)" />
                        </td>
                        <td class="fieldData_td" style="text-align: center">
                            <asp:CheckBox ID="cbExposeAll" runat="server" Text="" onclick="javascript:return CheckedChange(this)" />
                        </td>
                        <td class="fieldData_td" colspan="3" style="text-align: right">
                            <asp:Button ID="btnSaveChanges" runat="server" Text="Save" Style="width: 80px;" CssClass="formButton"
                                OnClick="btnSaveChanges_Click" OnClientClick="EnableUploadValidators(false)" />
                        </td>
                    </tr>
                </table>
            </LayoutTemplate>

出于测试目的，我有一个 javascript 函数，当选中任一复选框(ID:cbSignAll、cbExposeAll)时，该函数会触发。 JavaScript 需要禁用保存按钮(ID:btnSaveChanges)。

我能够触发 javascript 函数，但我似乎无法获取按钮的属性来禁用它。

Javascript:

function CheckedChange(objCheckBox) {
    $('.btnSaveChanges').attr('disabled', 'disabled');
}

Answer 1

ASP 修改元素的 ID，并在 ID 的开头添加表单和其他数据，在这种情况下，它还在末尾添加元素的索引。 (使用开发工具检查)

您可以使用通配符选择器来获取所需的元素:

$("[id*=btnSaveChanges]").attr("disabled", true);