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

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

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

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

 

♠ID 명으로 checked 확인을 할 경우

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

 

※Name 으로 checked 확인을 할 경우

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

 

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

 

<input type="checkbox" id="check_all" class="input_check"><label for="check_all"><b>전체선택</b></label>
<ul class="select_subject">
    <input type="checkbox" class="input_check" name="class1" id="check1" value="1"><label for="check1"><b>1</b></label>
    <input type="checkbox" class="input_check" name="class2" id="check2" value="2"><label for="check2"><b>2</b></label>
</ul>

 

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);
        }
    });
});

출처: https://mrb18.tistory.com/entry/Jquery-로-체크박스-체크여부-확인하기-총정리 [DR design]