JavaScript テキストボックス テキストフィールドの有効化、無効化、複数行。

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

テキストフィールドの有効化、複数行。



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


サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<FORM name="myFORM">
<INPUT type="radio" name="ra" onclick="chg('txt0')">:
<INPUT size="30" type="text" name="tBox" disabled value="ボタンで選択した、" id="txt0"><BR>
<INPUT type="radio" name="ra" onclick="chg('txt1')">:
<INPUT size="30" type="text" name="tBox" disabled value="テキストフィールドが、" id="txt1"><BR>
<INPUT type="radio" name="ra" onclick="chg('txt2')">:
<INPUT size="30" type="text" name="tBox" disabled value="入力可能になります。" id="txt2">
</FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
flag='txt0';
function chg(Lyid){
document.all[Lyid].disabled = "";
if( flag== Lyid){};
else
document.all[flag].disabled = "true";
flag= Lyid;
}

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

disabled = "" : 有効化(入力可能にします。)

disabled = "true" : 無効化(入力不可にします。)

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

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