ラジオボタンの設置と背景色の変更。

便利eelife Java Script
   検索サイト 便利eelife トップ : JavaScriptサンプル集トップ >> ボタン

ラジオボタンの設置と背景色の変更。
:白 :赤  :青 :緑

サンプルソースから書き方まで、JavaScriptに関する情報はこちら  All About [JavaScript]


サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<FORM><INPUT type="radio" checked name="ra" onclick="clr('#ffffff')">:白&nbsp;
<INPUT type="radio" name="ra" onclick="clr('#ff0000')">:赤&nbsp;
<INPUT type="radio" name="ra" onclick="clr('#0000ff')">:青&nbsp;
<INPUT type="radio" name="ra" onclick="clr('#00ff00')">:緑</FORM>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function clr(Color){
clrs = Color;
document.bgColor = clrs;
}
// -->
</SCRIPT>
コメント
ラジオ ボタンは、複数項目の中から、一つだけ選択したい時に使います。。
このとき、各項目にはすべて同じグループ名を付けます。

一つのグループで複数選択を行うには、チェック ボックスを利用します。

<INPUT type="radio">でラジオボタンを設置します。
checked : 最初にページを開けたとき値がオンのラジオボタンを表示、無ければオフです。
name : 名前、(グループ名)
document.bgColor : 背景色を変えます。#で始まる6桁はカラーコードです。

サンプルソースから書き方まで、JavaScriptに関する情報はこちら  All About [JavaScript]

サイトマップ Copyright (C) eelife  All rights reserved リンクはご自由に