라디오 선택 값을 텍스트 박스에 뿌려주기

 

라디오 선택 값을 텍스트 박스에 뿌려주기

 

<script language="javascript">
<!--
var hobby="";
var age="";
var country="";

function getRadios(what){
// 라디오 버튼 네임 hobby 의 값
j=what.hobby.length;
 for (i=0; i<j; i++){
  if(what.hobby[i].checked) var hobby = what.hobby[i].value
 }
// 라디오 버튼 네임 age 의 값
j=what.age.length;
 for (i=0; i<j; i++){
  if(what.age[i].checked) var age = what.age[i].value
 }
// 라디오 버튼 네임 country 의 값
j=what.country.length;
 for (i=0; i<j; i++){
  if(what.country[i].checked) var country = what.country[i].value
 }
// preview 라는 입력 필드 항목과 각 버튼 네임값을 같게함
what.preview.value = (hobby+', '+age+', '+country)
}
//-->
</script>
라디오 버튼들의 값을 선택하면 맨 아래의 입력폼에 순서대로 자동 입력이 됩니다.<BR><BR>

<form name="myradio">
<div onClick='getRadios(document.myradio)'>
<b>취미:</b>
<input type=radio name="hobby" value="등산">등산
<input type=radio name="hobby" value="테니스">테니스
<input type=radio name="hobby" value="볼링">볼링
<input type=radio name="hobby" value="골프">골프
<input type=radio name="hobby" value="낚시">낚시
<br><br>
<b>나이:</b>
<input type=radio name="age" value="10대">10대
<input type=radio name="age" value="20대">20대
<input type=radio name="age" value="30대">30대
<input type=radio name="age" value="40대">40대
<input type=radio name="age" value="50대">50대
<br><br>
<b>국적:</b>
<input type=radio name="country" value="한국">한국
<input type=radio name="country" value="미국">미국
<input type=radio name="country" value="일본">일본
<input type=radio name="country" value="중국">중국
</div>
<br>
<input type=text name="preview" size=20>
</form>

 

 

 

출처는 : http://happycgi.com