[jQuery] checkbox control / 체크박스 제어 / 체크박스 전체선택해제

이번 포스팅은 체크박스 제어에 관한 포스팅입니다.

 

예시로 제가 만든 소스로 설명하겠습니다.

 

체크박스 제어는 크게(?) 4가지로 구분할 수 있습니다.

1. "전체선택 체크박스" 클릭 시 리스트 체크박스 모두 선택

2. 모든 리스트 체크박스가 선택되어 있는 상태에서 "전체선택 체크박스" 클릭 시 리스트 체크박스 모두 선택해제

3. "전체선택 체크박스"가 선택되어 있고, 하나의 리스트 체크박스를 선택해제 했을 시, "전체선택 체크박스" 선택해제

4. 리스트 체크박스가 모드 선택 됐을 시, "전체선택 체크박스" 선택

상황 설명을 너무 길게 했지만... 이해하실거라고 믿어요... ㅋㅋ

1. "전체선택 체크박스" 클릭 시 리스트 체크박스 모두 선택

2. 모든 리스트 체크박스가 선택되어 있는 상태에서 "전체선택 체크박스" 클릭 시 리스트 체크박스 모두 선택해제

 

 

 

3. "전체선택 체크박스"가 선택되어 있고, 하나의 리스트 체크박스를 선택해제 했을 시, "전체선택 체크박스" 선택해제

4. 리스트 체크박스가 모드 선택 됐을 시, "전체선택 체크박스" 선택

더 필요한 것은 checkbox에 onclick="scanChkBox()" 를 추가해야 합니다.

 

그래야지 리스트 체크박스가 체크될 때마다 체크박스 수를 체크합니다~~