개발/Javascript

체크박스 전체 선택 코드

반응형

전체 체크박스 클릭 했을 때 하위 체크박스 전체 체크 / 해제 코드

function starAllCheck(){
   var isChecked = $('#isInterested_all').is(':checked');
   if(isChecked){
      $('input[name=isInterested]').prop('checked',true)
   }else{
      $('input[name=isInterested]').prop('checked',false)
   }
}

 

하위 체크박스 전체 선택 / 해제 되었을 때 전체 체크박스 체크/해제 코드

function starCheck(){
   var total = $("input[name=isInterested]").length;
   var checked = $("input[name=isInterested]:checked").length;
   if(total==checked){
      $('#isInterested_all').prop('checked',true)
   }else{
      $('#isInterested_all').prop('checked',false)
   }
}

 

onClick 이벤트 발생시 호출로 적용

반응형

'개발 > Javascript' 카테고리의 다른 글

String 메서드 모음  (0) 2023.09.13
Array 배열 메서드 모음  (0) 2023.09.11
html에서 style, script 위치  (0) 2022.01.18
데이터 타입  (0) 2021.08.28
변수  (0) 2021.08.28