JavaScriptにおけるdisabled属性
HTMLには、例えば要素をロックするために使用される属性disabledのように、値を持たない特別な属性が存在します。
このような属性を設定するには、対応するプロパティに値trueを代入し、削除するには値falseを代入する必要があります。
実際に見てみましょう。ここにロックされた入力フィールドがあるとします:
<input id="elem" disabled>
この入力フィールドのdisabled属性の値を出力してみましょう:
let elem = document.querySelector('#elem');
console.log(elem.disabled); // trueを出力します
次に、これをアンロックしてみましょう:
let elem = document.querySelector('#elem');
elem.disabled = false;
入力フィールドとボタンがあります。ボタンをクリックすると、入力フィールドがロックされます。
入力フィールドと2つのボタンがあります。最初のボタンをクリックすると入力フィールドがロックされ、2番目のボタンをクリックするとアンロックされます。
入力フィールドとボタンがあります。ボタンをクリックすると、入力フィールドがロックされているかどうかを調べます。