[Jquery] 체크박스 체크여부 확인하기 총정리

사용자 정보를 받기위해선 유효성 검사를 해야한다.

input 박스의 경우 val() 함수를 사용하여 유효성 검사를 하면 되지만

체크박스의 경우 약간 체크하는 방법이 다르기때문에 기록을 해둔다.

ID 명으로 checked 확인을 할 경우

    if (!$("input:checked[id='box1']").is(":checked")){ alert("에러문구를 표시"); $("#box1").focus(); return; }

Name 으로 checked 확인을 할 경우

    if (!$("input:checked[Name='box1']").is(":checked")){ alert("에러문구를 표시"); $("#box1").focus(); return; }

전체 체크박스를 한번에 체크또는 해제하기

HTML 코드 부분

    전체선택
    

        1
        2
    

JS 코드 부분

$(function(){
    $("#check_all").click(function(){
        var chk = $(this).is(":checked");
        if(chk){
			$(".select_subject input").prop('checked', true);
		} else {
			$(".select_subject input").prop('checked', false);
		}
    });
});

은근히 사용할때가 많다