CheckBox

체크박스는 Y/N, true/false 형 데이터를 다루는데 주로 사용하며 코드성 데이터로도 데이터를 전송할 시 종종 쓰이기도 한다.

체크박스의 name 값은 서버로 submit시 서버에 전송되는 parameter 이름이며,
value 값은 parameter 값이다.

Markup 부분

<input type="checkbox" name="season" value="1" />봄
<input type="checkbox" name="season" value="2" />여름
<input type="checkbox" name="season" value="3" />가을
<input type="checkbox" name="season" value="4" />겨울

실행시..

봄
여름
가을
겨울

CheckBox data 체크 여부 Script

// 참고사항 getElementById : id 단일 값만 추출
		  getElementByname : 배열값으로써 name을 통하여 접근 가능하며 
          배열형태로 값을 얻어온다.
<script>
// 체크값이 false 인 객체를 생성
var isSeasonChk = false;
//  arrseason 에 season name으로 지정된것을 가져와 담음 
var arrSeason = document.getElementsByName("season");
//arrSeason 갯수만큼 반복해 체크 false 되있는것을 true 로 바꿔줌
for(var i=0;i<arrSeason.length;i++){
	if(arrSeason[i].checked == ture){
    	isSeasonChk = true;
        //반복문 끝 break
        break;
    }
}
//체크되어있는 것이 없다면 return 처리 
if(!isSeasonChk){
    alert("계절을 선택하세요");
    return false;
}
</script>

그다음 체크된 값 Post 요청 할 때 데이터를 담은후 java 에서 name 을 parameter 로 하여 value 값을 전송을 하면 된다.