кнопка включить и отключить, когда пользователь нажал на флажок

Question

вот моя ссылка на скрипку, я не знаю, как выполнить checkbox check events, чтобы включить кнопки отключения.

 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