[HTML] checkbox 값 알아내는 방법

<form name='signup_form'>
	이용약관 동의 <input type="checkbox" id='agree' name='agree'>
</form>

 

이렇게 생긴 html의 <input type='checkbox'> 태그의 값 알아내는 간단한 방법

 

Javascript 에 이렇게 적어본다

function wannaknowcheck(){
	var check   = signup_form.agree.value;
	alert(check);
	return;
}

그러면 이렇게 checkbox 값을 확인할 수 있는 확인창이 뜬다.

하지만 이 방식은 체크를 해도 안해도 on 이 나온다.

그럼 어떻게 해야할까?

 

function wannaknowcheck(){
	var check   = signup_form.agree.checked;
	alert(check);
	return;
}

 

value 부분을 checked 로 바꿔준다.

이렇게하면 체크가 안되어 있는경우는 false

체크가 되어 있는 경우는 true 를 반환한다.

 

이 값을 이용해서 null check 를 진행해주면 된다.