| 解 説 |
特定のチェックボックスが押されたらテキストフィールドを有効にするにはテキストエリアのdisabledプロパティにtrueまたはfalseを指定します。trueで禁止、falseで入力許可になります。チェックボックスの状態はcheckedで取得でき、これを反転させた値をテキストエリアのdisabledプロパティに代入する事で簡単に入力制御ができます。
|
| コード |
<![CDATA[
<html>
<head>
<title>特定のチェックボックスが押されたらテキストフィールドを有効にする</title>
<script language="JavaScript">
<!--
function setTA(fObj){
fObj.myTA.disabled = !fObj.myCHK.checked;
}
// --></script>
</head>
<body>
<form>
<input type="checkbox" name="myCHK" onClick="setTA(this.form)">コメントを書く<br>
<textarea rows="5" name="myTA" disabled>コメントをお願いします。</textarea>
</form>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
特定のチェックボックスが押されたらテキストフィールドを有効にする