[jQuery]radio/checkbox 체크 여부 확인

목차

image source:https://unsplash.com/s/photos/jquery

[jQuery]radio/checkbox 체크 여부 확인

 

라디오 버튼 체크 여부 확인

체크된 값의 길이 유무로 체크하는 방법(물론 다른 방법도 있음)

// name이 radio인 라디오 버튼 체크 여부 확인 예제
if($(':radio[name="radio"]:checked').length < 1){
alert('라디오버튼을 체크 해주세요.\n안그러면 못넘어 갑니다!!!!!!!');                        
// 첫번 째 라디오버튼에 포커스
$(':input:radio[name=radio]:eq(0)').focus();
return false;
}

체크박스 체크 여부 확인1

// name이 checkbox인 체크박스 체크 여부 확인 예제
if($(':radio[name="checkbox"]:checked').length < 1){
alert('체크박스를 체크 해주세요.\n안그러면 못넘어 갑니다!!!!!!!');                        
// 첫번 째 체크박스에 포커스
$(':input:checkbox[name=checkbox]:eq(0)').focus();
return false;
}

체크박스 체크 여부 확인2

// checkbox의 체크여부를 체크 후 로직 구현 예시
function check() {
		$("#checkBox").change(function(){
	        if($("#checkBox").is(":checked")){
				console.log("checked~");
	        }else{
				console.log("not_checked~");
	        }
	    });
	}

 

참조 : naminsik, "2013.09.11"

http://lab.naminsik.com/2431