⊗jsPmFmDsb 399 of 505 menu

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番目のボタンをクリックするとアンロックされます。

入力フィールドとボタンがあります。ボタンをクリックすると、入力フィールドがロックされているかどうかを調べます。

日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否