Wie Sie eine Schaltfläche deaktivieren, wenn alle Kontrollkästchen im Raster mit JavaScript/Jquery deaktiviert oder deaktiviert sind?

Question

Ich habe ein Raster, in denen ich 1 coulmns haben hat checkboxes .I einen Knopf deaktivieren möchten, wenn alle die Checkbox deaktiviert oder unticked sind (uncheked) mit JavaScript oder jQuery?

ASPX-Datei

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

Answer 1

Sie so etwas wie die folgenden tun, aber Sie werden es mit spezifischeren Selektoren aktualisieren müssen, damit es nicht alle nicht beeinflusst Kontrollkästchen und Tasten:

JS Fiddle

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

Und wenn Sie es auf Last benötigen auch:

JS Fiddle

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

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

disableCheckbox();