jsでテキストボックスをチェックボックスにより制御する

17:52:00 0 件のコメント




jsでテキストボックスをチェックボックスにより制御する(｡･ω･｡)
目的
  • テキストボックスへの入力可否を、チェックボックスにより制御する。
仕様
  • チェックボックスへのチェック有＝テキストボックス入力可能
  • チェックボックスへのチェック無＝テキストボックス入力不可＋値空白
ソースコード
/* --------------------------------------------------
 *  チェックボックスによってテキストボックスの入力を制御する
 * @formName : フォーム名
 * @checkboxName : checkbox名
 * @ControledInputName : 制御するテキストボックス名
----------------------------------------------------- */
function textboxControl(formName, checkboxName, ControledInputName){
 if(document[formName][checkboxName].checked == true){
  /* ●チェックボックスが選択されている場合は、テキストボックスを入力可能にする */
  document[formName][ControledInputName].disabled = false;
 }else{
  /* ●チェックボックスが選択されていない場合は、値を空にする */
  document[formName][ControledInputName].value = "";
  /* ●チェックボックスが選択されていない場合は、テキストボックスを入力不可にする */
  document[formName][ControledInputName].disabled = true;
 }
}

<!-- ex.チェックボックスにチェックが入った場合のみ、パスワードを変更するときの例 -->
<form name="formA"> 
 <input type="checkbox" id="changePass" name="changePass" onClick="textboxControl('formA', 'changePass', 'userPass');"/> 
 <input type="text" id="userPass" name="userPass" disabled="disabled" />
</form>



0 件のコメント :

コメントを投稿

登録: コメントの投稿 ( Atom )

Maxim