-PR-
解決
済み

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

  • 暇なときにでも
  • 質問No.66953
  • 閲覧数887
  • ありがとう数4
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 47% (767/1609)

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

<html>
<head>
<script Language="JavaScript">
<!--
function set( n ) {
document.myFORM.Submit.value = document.myFORM.elements[n].value;
}
// -->
</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
レベル9

ベストアンサー率 66% (40/60)

ラジオボタンの色を参照してよいのでしたら、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";
}

こうなります。
お礼コメント
s-holmes

お礼率 47% (767/1609)

今回やりたい内容はラジオボタンの色参照できる形なので、前者で無事目的の動作ができました。
フォームボタンの体裁等の設定のしかたも勉強になりました。ありがとうございました。

#これで、わが職場のスタッフのミスも少しは減るのではと期待しています。
投稿日時 - 2001-04-23 12:09:07
-PR-
-PR-
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ