라디오버튼 유효성 체크

라디오 버튼 체크를 알아보자.

라디오 버튼은 name속성을 공유하기 때문에 id로 불러올 수 없다. (id는 중복되면 안됨!)

document.getElementsByName 을 이용해 유효성을 체크해보자.

<input type="radio" id="radio1" name="q3" value="1"  /><label for="radio1" id="radio1_label">라디오 선택1</label>

<input type="radio" id="radio2" name="q3" value="2"  /><label for="radio2" id="radio2_label">라디오 선택2</label>

<input type="radio" id="input3" name="q3" value="3"  /><label for="radio3" id="radio3_label">라디오 선택3</label>

//라디오 버튼 체크

var radioCheck = function(qName){

radioArr = document.getElementsByName(qName);

for(i=0; i<radioArr.length; i++){

if(radioArr[i].checked){

radioValue = radioArr[i].value;

return radioValue;

}

}

}

q3 = radioCheck(q3);

위 형식으로 체크하면 된다.

라디오 버튼을 사용할 때는 사용상 편리하도록 label 작업도 꼭 해주길 권장함.

아, 그리고 유효성 검사할 때, 

if(q3 == "") 형식으로 하면 안되고,

if(q3 == undefined) 로 해야함..