JavaScript テキストボックスへの入力の '可','不可'の切り替え。

検索サイト 便利eelife JavaScriptサンプル集Top
   検索サイト 便利eelife トップ : JavaScriptサンプル集トップ >> チェックボックス

チェックをはずすとテキストフィールドが有効になります。
:チェックボックス


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


サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<FORM name="myFORM"><INPUT type="checkbox" name="CK" onclick="chg()" checked>:チェックボックス<BR>
<BR>
<INPUT size="60" type="text" name="tBox" disabled value="入力不可です。チェックをはずすと可能になります。"></FORM>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function chg(){
if (document.myFORM.CK.checked){
document.myFORM.tBox.disabled = "true"; // 入力不可
}
else{
document.myFORM.tBox.disabled = ""; // 入力可能
}
}

// -->
</SCRIPT>
コメント
チェックボックスの設置とスタイルの変更。

チェックボックスがチェックされていればテキストボックス document.myFORM.tBox に disabled = "true";を
設定して入力を不可にします。
そうでなければ disabled = ""; にして入力を可能にします。

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

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