選択によってsubmitボタンの色を変える

解決済

質問者：s-holmes
質問日時：2001/04/22 19:57
回答数：1件

先程関連質問の回答をいただいた者なのですが、ラジオボタンの内容によってsubmitボタンの色を変えるところまで実現したいのですが、東京ならsubmitボタンはピンク、大阪ならsubmitボタンはブルーにしたいと思います。この場合は、submitボタンのところでIF文で分岐させればいいものでしょうか。

<html>
<head>
<script Language="JavaScript">

</script>
</head>
<body onLoad="set(0);">
<FORM ACTION="add.cgi" METHOD="POST" name="myFORM">
<INPUT TYPE="RADIO" NAME="Radio" VALUE="東京" onClick="set(0);" STYLE="background-color:pink" checked>
<INPUT TYPE="RADIO" NAME="Radio" VALUE="大阪" onClick="set(1);" STYLE="background-color:blue">
<INPUT TYPE="SUBMIT" NAME="Submit" VALUE="★" STYLE="background-color:pink">
</form>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： 387
回答日時：2001/04/23 11:38

ラジオボタンの色を参照してよいのでしたら、set関数に

document.myFORM.Submit.style.backgroundColor = document.myFORM.elements[n].style.backgroundColor;

この1行を追加すればできますよ。

実際にはラジオボタンの色を参照できないのでしたら、
if ( n == 0 )
{
　document.myFORM.Submit.style.backgroundColor = "pink";
}
else if ( n == 1 )
{
　document.myFORM.Submit.style.backgroundColor = "blue";
}

こうなります。