チェックボックスをチェックしたら、テキストボックスなどの有効無効を切り替える

例えば、チェックしないとテキストボックスが有効にならず、チェックを外したらまた無効になるというものをよく見る。
これも ! を使えば簡単。

--- js 側 ---

<script type="text/javascript">
function enableTxt(mode) {
document.getElementById("txt").disabled = !mode;
}
</script>

--- html 側 ---

<label><input type="checkbox" id="chk" onchange="enableTxt(this.checked);" />チェックするとテキストボックスが有効になる</label>
<input id="txt" type="text" value="" disabled />

ブラウザの js 実行スピードに頼らず、できるだけシンプルにスクリプトを書いていきたい今日この頃。