この記事では、JavaScript で HTML ボタンを無効にする方法について説明します。
JavaScript を使用して HTML ボタンを無効にする方法
JavaScript を使用して HTML ボタンを無効にするには、「 無効 」ボタン要素のプロパティ。このボタンは、HTML の「disabled」属性を使用して無効にすることもできますが、永久に無効になり、再度有効にすることはできません。 JavaScript を使用している間、「無効」プロパティを無効にして、ボタンを動的に有効にすることができます。
構文
指定された構文は、ボタンを無効にするために使用されます。
ボタンオブジェクト。 無効
例 1: ボタンを無効にする
HTML ファイルでボタンを作成し、ID を割り当てます “ ボタン このボタンにアクセスするのに役立ちます:
< ボタン ID = 'ボタン' > ボタン ボタン >
「 getElementById() ' 方法:
だった ボタン = 書類。 getElementById ( 'ボタン' ) ;
プロパティを設定します “ 無効 ' に ' 真実 」:
ボタン。 無効 = 真実 ;ご覧のとおり、出力のボタンは無効になっています。
例 2: クリック イベントでボタンを無効にする
ここでは、ボタンをクリックしている間はボタンを無効にします。まず、割り当てられた ID を使用してボタンの参照を取得します。
「に電話する」 addEventListener() 」を付ける方法 クリック '無効なプロパティを設定するイベント' 真実 」ボタンをクリックしている間:
ボタン。 addEventListener ( 'クリック' 、 関数 ( ) {もしも ( ボタン。 無効 ) {
ボタン。 無効 = 間違い ;
}
それ以外 {
ボタン。 無効 = 真実 ;
}
} ) ;
ボタンをクリックすると、無効になることがわかります。
以上、JavaScript の無効化ボタンについてでした。
結論
JavaScript で HTML ボタンを無効にするには、「 無効 」ボタン要素のプロパティ。 HTML の「disabled」属性がボタンを永続的に無効にしている間に、ボタンを動的に有効または無効にするのに役立ちます。この記事では、JavaScript で HTML ボタンを無効にする方法を説明しました。