Remote radio

폼의 내용을 어떤 CGI나 페이지에 보낸다면 그 페이지에서는 location.search 요소값으로 보내온 폼 값을 알 수 있습니다. 이렇게 하기 위해서는 폼의 모든 요소에 이름을 지정하면 그 이름으로 값을 달고 옵니다. 근데, 폼 값을 받는 페이지에서 location.search로 받지 않고 바로 그 값을 참조 할려면 다른 폼의 type는 단순히 그 이름으로 지정하면 되는데 type="RADIO"는 이렇게 할 수 없습니다.

type="RADIO"는 같은 이름을 지정하여야 하기 때문입니다. 그래서 이렇게 할려면 선택한 RADIO를 먼저 확인해야 합니다.

이것을 쉽게 이해하기 위해서 예를 하나들죠. type="RADIO" 폼을 가지고 있는 새 창을 열어서 그 값을 원래의 창에 보내어 보겠습니다. 아래의 폼에 새 창으로 연 폼의 RADIO값을 적어 보겠습니다.

<form name="father"><input type="text" name="txt" value=""></form>

아래 링크로 새 창을 여세요. 거기서 보낸 radio 값이 이곳에 나옵니다.

[radio 새 창 열기]

위의 "[radio 새 창 열기]" 페이지에서 사용한 것은 아래입니다. 폼의 radio, checkbox는 각 요소를 배열로 다룹니다. 각 배열의 전체 갯수는 document.formName.radioName.length로 알 수 있습니다. chexkbox도 마찬가지입니다.

<script language="JavaScript">
function server() {
	var radio = document.fo.ra
	for(var i=0; i < radio.length; i++) {
		if(radio[i].checked) opener.document.father.txt.value = radio[i].value
	}
	self.close();
}
</script>
<form name="fo">
	<input type="RADIO" name="ra" value="RADIO 1">
	<input type="RADIO" name="ra" value="RADIO 2">
	<input type="RADIO" name="ra" value="RADIO 3">
	<input type=button onClick="server()" value="RADIO 보내기">
</form>

위의 예제는 radio를 다루는 것인데 checkbox도 마찬가지로 사용할 수 있습니다. checkbox는 선택한 것이 전부다 온다는 것이 radio와의 차이점일 뿐입니다. 이것 외에는 같습니다.

--
낙서판에 질문 올리신 성은님.. 원하신 것이 이게 맞죠..?
방명록도 잊지 마세요...

[T O P]