JavaScript Market - 動きのあるホームページを作る為の各種JavaScript のサンプルと小技集を公開中

JavaScript

JavaScriptって…? | JavaScript応用のツボ | ブラウザについて | JavaScript Market 利用規程 | JavaScript 各種サンプル | JavaScript 小技集

ラジオボタン値の取得

応用例として背景色を変更してテキストフォームに取得値を表示します

現在の背景色:
背景色変更: 標準

■ このスクリプトのソース
<script>
function disp(parts){
   f = parts.form;         //ラジオボタンの値を取得
   color = parts.value;    //取得値を変数colorに代入
   document.bgColor = color;  //bgColor()により背景色を変更
   f.infcolor.value = color;  //テキストフォームに取得値を表示
}
</script>

<form>
現在の背景色:<INPUT name="infcolor" value="#ffffff" size="10">
<br>
背景色変更:
<!--onClick()により選択時にdisp()に引数を渡す-->
<input type="radio" value="#ffffff" checked onClick="disp(this)">標準
<input type="radio" value="#c0c0c0" onClick="disp(this)">灰
<input type="radio" value="#0000ff" onClick="disp(this)">青
<input type="radio" value="#ff0000" onClick="disp(this)">赤
</form>


suepon.com | CGI作成・CGI制作 | ドメイン検索 | バナー自動作成 | Google Dance jp | 松浦亜弥 (H.P.memo) | パソコン | ネイル