Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- modal
- angular modal
- flex-1
- Oracle LISTAGG 사용 예시
- 스크롤 이벤트 감지
- summary
- ajax 사용 예시
- TAILWIND
- prisma
- 검색
- scroll
- 옵저버블
- ApexChart
- Angular Router
- Router
- angular animation
- 앵귤러 애니메이션
- egov spring ajax 사용 예시
- 앵귤러 모달
- angular button
- Ionic modal
- 모달
- 스크롤 이벤트
- angular route
- 셀렉트박스 커스텀
- route
- 아이오닉 스크롤 이벤트
- formgroup
- 호버
- mysql if
Archives
- Today
- Total
깜놀하는 해므찌로
체크박스 checkbox 전체 체크 설정 Tip 본문
반응형
SMALL
<%-- 체크 상태 길이 체크 --%>
function fncCheckLength(){
var total = $(".checkbox").length;
var check = $(".checkbox:checked").length;
if(total==check){
$("#all_check").prop("checked", true);
}else{
$("#all_check").prop("checked", false);
}
return false;
}
1. 전체 길이를 비교할 경우 0이 둘 다 0일 때 체크가 되는 문제 발생
<%-- 체크 상태 길이 체크 --%>
function fncCheckLength(){
var total = $(".checkbox").length;
var check = $(".checkbox:checked").length;
<%-- 전체 길이가 0이 아닐 경우--%>
if(total != 0 && total==check){
$("#all_check").prop("checked", true);
}else{
$("#all_check").prop("checked", false);
}
return false;
}
2. AND 조건을 추가하여 0이 아닐 때 체크 되도록 변경
반응형
LIST
'IT' 카테고리의 다른 글
Egov Spring Oracle MyBatis NVL 사용 예시 / Oracle OR (0) | 2022.07.20 |
---|---|
JSTL 삼항연산자 || or / 연속 삼항 연산자 예시 (0) | 2022.07.19 |
Egov Spring Oracle 현재 날짜 시간 입력 / SYSDATE 예시 / Oracle NVL 예시 (0) | 2022.07.19 |
Oracle Beetween 오라클 날짜 사이 / 기간 사이 값 조회 예시 (0) | 2022.07.19 |
Egov Spring Session 세션 JSP JSTL 사용 예시 / 장점 (0) | 2022.07.19 |