使用jQuery通过复选框禁用/启用按钮

button如果未checkbox选中，我想禁用我的。checkbox应该检查至少一项以启用该按钮。

我的HTML：

    @foreach($clients as $client)
    
    @endforeach    

    

        

        
Name
    

        

        
{{ $client['name'] }}
    

Choose New Offer

我尝试了以下jQuery代码：

该按钮是disabled默认设置。如果选中一个复选框，则启用它；如果未选中，则再次禁用。但是问题是当我选中多个复选框并取消选中一个复选框时，它仍然被禁用，尽管仍然选中了许多复选框。

您应该检查是否选中了任何复选框，而不是检查是否选中了单击的复选框。您可以通过选中所有选中的复选框，$('.checkbox:checked')然后检查返回的jQuery对象的长度来实现。

$(function() {
    $('.checkbox').click(function() {
        if ($('.checkbox:checked').length > 0) {
            $('#off').removeAttr('disabled');
        } else {
            $('#off').attr('disabled', 'disabled');
        }
    });
});

JSFiddle