按鈕啓用和禁用，當用戶點擊複選框

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