JavaScript ラジオボタンでテキストフィールドの文字のサイズを変更します。。

検索サイト 便利eelife JavaScriptサンプル集Top
   検索サイト 便利eelife トップ : JavaScriptサンプル集トップ >> ラジオボタン

テキストフィールドの文字のサイズを変更します。
10px
20px
30px



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


サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<FORM name="myFORM">
<INPUT type="radio" name="ra" onclick="tBox.style.fontSize='10px'">10px<BR>
<INPUT type="radio" name="ra" onclick="tBox.style.fontSize='20px'">20px<BR>
<INPUT type="radio" name="ra" onclick="tBox.style.fontSize='30px'">30px<BR>
<BR>
<INPUT type="text" style="border:1px red solid" id="tBox" value="テキストフィールドの文字サイズが変わります。" size="25"><BR>
</FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife

// -->
</SCRIPT>
コメント
ラジオボタンの設置

onclick="tBox.style.fontSize='10px'" : クリックすると ID名が tBox のフォントサイズが 10px になります。

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

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