Web/Javascript

라디오버튼 자동으로 체크하기

qOOp 2008. 9. 11. 20:56
반응형

라디오버튼 자동으로 체크하기


데이터베이스로 부터 받은 입력값을 라디오버튼으로 설정해야 할 경우가 있다.
셀렉트 박스일 경우에는 폼의 value 값으로 쉽게 설정이 가능하지만 라디오 버튼의 경우에는 name이 같기 때문에 name.value = "값" 으로 설정을 할수가 없다.
라디오 버튼의 경우에는 배열로 해결할수가 있다.

<html>

<head>

<script>

onload = function() {                                            // 페이지가 로드되면 자동으로 실행

              var frm = document.form(0);                    // 처음 폼을 frm으로 정의

              var gender = “<%데이터베이스로 부터 받은 값%>”;

if( gender == “m” ) {

frm.gender(0).checked = true;          // 배열로 표시가능

} else {

          frm.gender(1).checked = true;

}

}

</script>

</head>

<body>

<form>

<input type=”radio” name=”gender” value=”m” />

<input type=”radio” name=”gender” value=”f” />

</form>

</body>

</html>


만약 데이터베이스로 부터 받은 값이
m 일 경우에는 남에 체크가 된다.