新しいウィンドウを開く/閉じる3(背景色をラジオボタンで指定)

以下で、ラジオボタンのグループの中からチェックされているものを調べ、
そのvalueを変数backに入れている。

for(i=0 ; i < document.forms[0].color.length ; i++) {
　if(document.forms[0].color[i].checked) {
　　var back = document.forms[0].color[i].value
　　break
　}
}

実行結果

white blue yellow red green pink 
ヘッダ部分
<SCRIPT LANGUAGE="JavaScript">
var newWindow = null
function makeNewWindow()	{
	newWindow = window.open("","","width=200,height=300")
	if(newWindow != null)	{
		for(i=0 ; i < document.forms[0].color.length ; i++)	{
			if(document.forms[0].color[i].checked)	{
				var back = document.forms[0].color[i].value
				break
			}
		}
		var msg = "<HTML><HEAD><TITLE>SUB WINDOW</TITLE></HEAD>"
		msg += "<BODY BGCOLOR=" + back
		msg += ">THIS IS SUB WINDOW"
		msg += "<FORM></FORM>"
		msg += "</BODY></HTML>"
		newWindow.document.write(msg)
		newWindow.document.close()
	}
}
</SCRIPT>


ボディ部分
<FORM>
<INPUT TYPE="button" NAME="openWin" VALUE="open" onClick="makeNewWindow()">
<INPUT TYPE="button" NAME="closeWin" VALUE="close" onClick="if(newWindow != null) newWindow.close()">
<INPUT TYPE="radio" NAME="color" VALUE="white" CHECKED>white
<INPUT TYPE="radio" NAME="color" VALUE="blue">blue
<INPUT TYPE="radio" NAME="color" VALUE="yellow">yellow
<INPUT TYPE="radio" NAME="color" VALUE="red">red
<INPUT TYPE="radio" NAME="color" VALUE="green">green
<INPUT TYPE="radio" NAME="color" VALUE="pink">pink
</FORM>