チェックボックスのテキスト入力のロック/アンロックを有効/無効にしました

Question

checkboxとtext inputがあります。私が必要とするのは、対応するチェックボックスをオンまたはオフにしてフィールドを無効/有効にすることです。

私はこれに対するプレーンなjavascriptのアプローチに興味があります。

ありがとうございます！

Answer 1

これを達成するための非常に基本的な方法は次のとおりです。

<input type="checkbox" id="yourBox"> 
<input type="text" id="yourText"> 
<script> 
document.getElementById('yourBox').onchange = function() { 
    document.getElementById('yourText').disabled = this.checked; 
}; 
</script> 

すべてinput[type=checkbox]要素は、チェックボックスの状態を表しプロパティcheckedを持っています。 disabledをtrueに設定すると、入力要素を無効にすることができます。これら2つの特性を組み合わせることにより、所望の挙動が得られる。