Disable button if all checkboxes are unchecked and enable it if at least one is checked

Question

I have a table with a checkbox in each row and a button below it. I want to disable the button if at least one checkbox is checked.

Answer 1

Add an event handler that fires when a checkbox is changed, and see if there are any checked boxes, and set the disabled property appropriately :

var boxes = $('.myCheckBox');

boxes.on('change', function() {
    $('#confirmButton').prop('disabled', !boxes.filter(':checked').length);
}).trigger('change');

FIDDLE