ラジオボタンで背景色を変更する。

ラジオボタンで背景色を変更する。
■<head>〜</head>内に下記を貼り付けてください。
<script language="JavaScript">
<!--
function changeColor(num){
if(num==0){
document.bgColor="#ffffff";
}else if(num==1){
document.bgColor="#ff0000";
}else if(num==2){
document.bgColor="#ccffcc";
}else if(num==3){
document.bgColor="#0000ff";
}
}
// -->
</script>
■<body>〜</body>内に下記を貼り付けてください。
<form>
<table border="0" width="100" cellpadding="5" cellspacing="0">
<tr>
<td align="right"><input type="radio" name="bgradio" checked onclick="changeColor(0)"></td>
<td align="left">白</td>
</tr>
<tr>
<td align="right"><input type="radio" name="bgradio" onclick="changeColor(1)"></td>
<td align="left">赤</td>
</tr>
<tr>
<td align="right"><input type="radio" name="bgradio" onclick="changeColor(2)"></td>
<td align="left">緑</td>
</tr>
<tr>
<td align="right"><input type="radio" name="bgradio" onclick="changeColor(3)"></td>
<td align="left">青</td>
</tr>
</table>
</form>
【POINT】JavaScriptを使う場合、目的のブラウザで動作するかを必ず確かめてから使用して下さい。確認方法は「IEテスター」というフリーソフトを使用すると、IE5.5/IE6/IE7/IE8の動作を同時に確認することができます。また需要が多いブラウザ(FireFox/Opera/Sleipnir/Lunascape/KIKI etc)での動作確認も忘れずに行って下さい。