ラジオボタンで表の背景色をかえる
ラジオボタンで表の背景色をかえます
ラジオボタンをクリックすると、表の背景色がかわります。
ソース
<html>
<head>
<title>ラジオボタンで表の背景色をかえる</title>
</head>
<body onload="Tbcolor()">
<table border="1" cellpadding="0" cellspacing="0" width="400" height="100" id="myTb" bgcolor="#FFFFFF">
<tr>
<td align="center">ラジオボタンで表の背景色をかえます</td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Tbcolor(){
num = document.myFORM.myRB.length;
for(n=0;n<num;n++){
flag = document.myFORM.myRB[n].checked;
if(flag) value = document.myFORM.myRB[n].value;
}
document.all['myTb'].style.background = value;
}
//-->
</SCRIPT>
<FORM name="myFORM">
<INPUT type="radio" name="myRB" onClick="Tbcolor()" value="#FFFFFF" checked>白 
<INPUT type="radio" name="myRB" onClick="Tbcolor()" value="#000000">黒 
<INPUT type="radio" name="myRB" onClick="Tbcolor()" value="#FF0000">赤 
<INPUT type="radio" name="myRB" onClick="Tbcolor()" value="#00FF00">緑 
<INPUT type="radio" name="myRB" onClick="Tbcolor()" value="#0000FF">青
</FORM>
</body>
</html>
JavaScript GarageのTopへ戻る