checkboxを一括で全てチェックするjQueryコード

checkboxを一括で全てチェックする

一括選択用のチェックボックスを設置しておいて、複数のチェックボックスをまとめてcheckedにしたい場合

HTML

<input type="checkbox" name="all_check" id="all">

<input type="checkbox" name="check[]" class="check" value="">
<input type="checkbox" name="check[]" class="check" value="">
<input type="checkbox" name="check[]" class="check" value="">
<input type="checkbox" name="check[]" class="check" value="">
<input type="checkbox" name="check[]" class="check" value="">
<input type="checkbox" name="check[]" class="check" value="">

jQuery

$('#all').on('click',function() {
  $('input[name="check[]"]').prop('checked',this.checked);
});

$('input[name="check[]"]').on('click',function(){
  if($('.check :checked').length == $('.check input').length ) {
    $('#all').prop('checked',true);
  } else {
    $('#all').prop('checked',false);
  }
});