[JQuery] 이용약관 동의 라디오/체크박스 유효성 검사 (영상)

 

 

흔히들 회원가입전에 이용약관이나 동의 페이지에서  라디오, 체크박스에 대한 유효성 검사를 합니다.

쉽게할 수 있는 방법이 있어 소개하니 이럴때마다 사용하셔도 괜찮을 것 같습니다~

 

 

 

 

 

 

Script

 

function validation(){
 
var checkbox = $(":checkbox[value='Y']");
 
  for(var i = 0; i < checkbox.length; i++) {
      
    var $this = $(checkbox[i]);
    
    if(!$this.is(":checked")) {
        alert('약관에 동의하지 않을 경우 가입할 수 없습니다.');
        $this.focus();
        return false;
    }
  }
  return true;
}

 

함수를 호출하여 전체 체크박스의 Y값을 변수에 넣습니다.

그리고 반복문을 돌려서 해당 체크박스의 값이 체크가 되어있지 않으면 막아내는 구조입니다.