使用 JavaScript/Jquery 禁用或取消选中网格中的所有复选框时如何禁用按钮？

我有一个网格，其中有 1 列checkboxes.我想在使用 JavaScript 或 jQuery 禁用或取消（未选中）所有复选框时禁用按钮？

.Aspx 文件

<asp:TemplateField HeaderText="Cancel SO Line Item">
        <ItemTemplate>
        <asp:checkbox ID="cbSOCan" runat="server" ViewStateMode="Enabled" EnableViewState="true"></asp:checkbox>
         </ItemTemplate>

     <asp:LinkButton CssClass="btn btn-primary" ID="btnCancelItem" runat="server" CausesValidation="False"OnClientClick="return Confirmationbox();">&nbsp;Cancel Item</asp:LinkButton>
 <asp:HiddenField id="hdnval" value=0 runat="server"/>

您可以执行类似以下操作，但需要使用更具体的选择器来更新它，这样它就不会影响所有复选框和按钮：

JSFiddle https://jsfiddle.net/cqsordzb/1/

$('input[type=checkbox]').change(function(){
    var count = $('input[type=checkbox]:checked').length;
    $('button').prop('disabled', count == 0);
});

如果您在加载时也需要它：

JSFiddle https://jsfiddle.net/cqsordzb/2/

$('input[type=checkbox]').change(function(){
    disableCheckbox();
});

disableCheckbox = function() {
    var count = $('input[type=checkbox]:checked').length;
    $('button').prop('disabled', count == 0);
};

disableCheckbox();