체크박스 전체선택/해지

by 조쉬 posted Jun 04, 2019
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
/체크박스 그룹 설정
var check  = 0;                                                                            //체크 여부 확인
function CheckAll(){                
 var boolchk;                                                                              //boolean형 변수 
 var chk = document.getElementsByName("checkNum")                 //체크박스의 name값
 if(check){ check=0; boolchk = false; }else{ check=1; boolchk = true; }    //체크여부에 따른 true/false 설정
 for(i=0; i<chk.length;i++){                                                                    
  chk[i].checked = boolchk;                                                                //체크되어 있을경우 설정변경
 }
}

//첫번째 체크 박스는 전체 선택 
<input type="checkbox" name="checkNum" onclick="javascript:CheckAll()">

//두번째 체크 박스는 하위 선택될 체크 박스 
(게시판 관리자에서 삭제 처리를 위해 전체 선택이 가능하도록 했다. 
 페이지에 보여지는 레코드 수만큼 보여진다.)
<input type="checkbox" name="checkNum">