본문 바로가기
프로그래밍 언어/jQuery

[jQuery] 제이쿼리로 전체선택/선택해제 간단하게 구현해 보는 예제입니다.

by 우림 2014. 12. 5.



  function checkAllFunc(obj) {
   $("[name=chk]").each(function() {
    this.checked = obj.checked;
   })
  }


체크박스가 [name=chk]로 이름이 같기 때문에 each()문으로 루프를 돌리며 작업을 합니다.
this.checked = obj.checked; => 전체선택 체크박스가 선택되면 다른 체크박스도 체크하고, 전체선택 체크박스가 선택해제되면 다른 체크박스도 선택해제하는 명령입니다.


   <tr>
    <th><input type="checkbox" name="check-all" onclick="checkAllFunc(this)" /></th>
    <th>전체선택</th>
   </tr>


onclick="checkAllFunc(this)"  => 전체선택의 체크박스를 클릭할 때 checkAllFunc ()함수를 실행해 달라는 명령입니다.

 

댓글