| ポイント |
<![CDATA[
for (i=1; i<5; i++) document.myFORM[fName+i].disabled = !cOBJ.checked;
<input type="checkbox" onClick="setTF(this,'etc')">←チェックして<br>
その他(1)：<input type="text" name="etc1" disabled><br>
その他(2)：<input type="text" name="etc2" disabled><br>
その他(3)：<input type="text" name="etc3" disabled><br>
その他(4)：<input type="text" name="etc4" disabled><br>
]]>
|
| 説 明 |
チェックボックスの状態に応じて複数のテキストフィールドへの入力の禁止／許可を指定するにはテキストフィールドのdisabledプロパティにtrueまたはfalseを設定します。チェックボックスの現在の状態を調べ!演算子でtrueとfalseを切り替えdisabledプロパティに入れることでテキストフィールドへの入力の禁止／許可を指定できます。処理すべきテキストフィールドが多い場合は名前＋番号で禁止するテキストフィールド名を指定するようにします。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>チェックを入れないとテキストフィールドが有効にならないようにする（複数版：大量＆名前＋番号）</title>
<script Language="JavaScript"><!--
function setTF(cOBJ,fName)
{
for (i=1; i<5; i++) document.myFORM[fName+i].disabled = !cOBJ.checked;
}
// --></script>
</head>
<body>
<form name="myFORM">
<input type="checkbox" onClick="setTF(this,'etc')">←チェックして<br>
その他(1)：<input type="text" name="etc1" disabled><br>
その他(2)：<input type="text" name="etc2" disabled><br>
その他(3)：<input type="text" name="etc3" disabled><br>
その他(4)：<input type="text" name="etc4" disabled><br>
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
チェックを入れないとテキストフィールドが有効にならないようにする（複数版：大量＆名前＋番号）