jQuery를 이용하여 checkbox 제어하기

check 이벤트

$('input:checkbo[name="ElementName"]').on('click', function() {
  
});

check 상태확인

 $('input:checkbox[name="ElementName"]').is(":checked")

전체 check 선택 / 해제

$('input:checkbox[name="ElementName"]').each(function() {
  $(this).prop('checked', true);
  $(this).prop('checked', false);
});

위의 3가지를 이용하여 전체 체크 혹은 해제를 아래와 같이 사용할 수 있습니다.

$('input:checkbox[name="check-all"]').on('click', function() {
  var checked = $(this).is(":checked");
  $('input:checkbox[name="order[]"]').each(function() {
    $(this).prop('checked', checked);
  });
});

checkbox value 값 가져오기

$('input:checkbox[name="ElementName"]').val();

check박스 전체 갯수 구하기

$('input:checkbox[name="ElementName"]').length

checkbox 선택된 갯수 구하기

$('input:checkbox[name="ElementName"]:checked').length