按钮启用和禁用，当用户点击复选框

Question

这里是我的小提琴链接，我不知道如何执行复选框检查事件，以启用禁用按钮。

 http://jsfiddle.net/ojtca35b/2/

这里我禁用了所有的复选框。我想要做以下操作。如果我点击组选择器，它必须启用“删除，电子邮件和PDF按钮”。如果用户点击任意一行，则必须启用所有按钮。

请帮助我，这可能是一个存在的问题，但我无法找到正确的解决方案来解决它。

Answer 1

您可以使用.on('change', func)：

var editInvoice = $('.edit-invoice'); 
var deleteInvoice = $('.delete-invoice'); 
var emailInvoice = $('.email-invoice'); 
var pdfInvoice = $('.pdf-invoice'); 

$('.group-checkable').on('change', function() { 
     if (!this.checked) { 
      editInvoice.prop('disabled', false); 
      deleteInvoice.prop('disabled', true); 
      emailInvoice.prop('disabled', true); 
      pdfInvoice.prop('disabled', true); 
     } 
     else { 
      editInvoice.prop('disabled', true); 
      deleteInvoice.prop('disabled', false); 
      emailInvoice.prop('disabled', false); 
      pdfInvoice.prop('disabled', false); 
     } 
}); 

$('.checkboxes').on('change', function() {   
    if (this.checked) { 
     editInvoice.prop('disabled', false); 
     deleteInvoice.prop('disabled', false); 
     emailInvoice.prop('disabled', false); 
     pdfInvoice.prop('disabled', false); 
    } 
    else { 
     editInvoice.prop('disabled', true); 
     deleteInvoice.prop('disabled', true); 
     emailInvoice.prop('disabled', true); 
     pdfInvoice.prop('disabled', true); 
    } 
}); 

jsfiddle Demo