ラジオボタンの使用例

背景の色を変更するスクリプト。
下のラジオボタンのオン/オフで機能の有効/無効を切り替えている。
実行結果
white red green blue

on off 

ヘッダ部分
<SCRIPT LANGUAGE="JavaScript">

function checkSwitch()	{
	if(document.forms[1].elements[1].checked)	{
		return true
	}
	else	{
		return false
	}
}

function changeBack()	{
	if(checkSwitch())	{
		for(i=0 ; i<document.forms[0].length ; i++)	{
			if(document.forms[0].elements[i].checked)	{
				document.bgColor=document.forms[0].elements[i].value
			}
		}
	}
	else	{
		window.alert("スイッチがオフのため背景を変更できません")
	}
}

</SCRIPT>

ボディ部分

<FORM>
<INPUT TYPE="radio" NAME="colorgroup" VALUE="white" CHECKED>white
<INPUT TYPE="radio" NAME="colorgroup" VALUE="red">red
<INPUT TYPE="radio" NAME="colorgroup" VALUE="green">green
<INPUT TYPE="radio" NAME="colorgroup" VALUE="blue">blue
</FORM>

<P>

<FORM>
<INPUT TYPE="button" NAME="change" VALUE="実行" onClick="changeBack()">
<INPUT TYPE="radio" NAME="switch" VALUE="on" CHECKED>on
<INPUT TYPE="radio" NAME="switch" VALUE="off">off
</FORM>