체크박스 한번에 모두 선택, 해제 하는 방법

체크박스 모두 선택, 모두 선택 해제 하는 방법

다음은 체크박스를 모두 선택하고 해제하는 간단한 예제입니다.

<p><input type="checkbox" name="all" class="check-all"> <label>Check ALL</label></p>
<hr>
<p><input type="checkbox" name="cb1" class="ab"> <label>Checkbox 1</label></p>
<p><input type="checkbox" name="cb2" class="ab"> <label>Checkbox 2</label></p>
<p><input type="checkbox" name="cb3" class="ab"> <label>Checkbox 3</label></p>
<p><input type="checkbox" name="cb4" class="ab"> <label>Checkbox 4</label></p>

$( document ).ready( function() {
  $( '.check-all' ).click( function() {
    $( '.ab' ).prop( 'checked', this.checked );
  });
});