| ポイント |
<![CDATA[
document.myFORM[fName].disabled = !cOBJ.checked;
if (!cOBJ.checked) document.myFORM[fName].value = "";
<input type="checkbox" onClick="setTF(this,'etc')">その他<br>
<input type="text" name="etc" disabled>
]]>
|
| 説 明 |
チェックボックスの状態に応じて特定のテキストフィールドへの入力の禁止／許可を指定するにはテキストフィールドのdisabledプロパティにtrueまたはfalseを設定します。チェックボックスの現在の状態を調べ!演算子でtrueとfalseを切り替えdisabledプロパティに入れることでテキストフィールドへの入力の禁止／許可を指定できます。チェックボックスのチェックがオフになったかどうかはcheckedプロパティの値を調べます。この値がtrueであればオン、falseであればオフになります。オフの場合はテキストフィールドの内容を消去します。消去するにはテキストフィールドのvalueプロパティに""（空文字）を入れます。
|
| サンプル |
<![CDATA[
<html>
<head>
<title>チェックするとテキストフィールドが有効、チェックオフにするとテキストフィールド内容を消去する</title>
<script Language="JavaScript"><!--
function setTF(cOBJ,fName)
{
document.myFORM[fName].disabled = !cOBJ.checked;
if (!cOBJ.checked) document.myFORM[fName].value = "";
}
// --></script>
</head>
<body>
<form name="myFORM">
<input type="checkbox" onClick="setTF(this,'etc')">その他<br>
<input type="text" name="etc" disabled>
</form>
</body>
</html>
]]>
|
| 補足説明 |
Windows XP SP2でも問題なく動作します。
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
チェックするとテキストフィールドが有効、チェックオフにするとテキストフィールド内容を消去する
