JavaScript を使用してプログラムで HTML ボタンを無効にする方法

JavaScript を使用して HTML ボタンを動的に無効にする

タグに「disabled」を直接追加して HTML ボタンを無効にするのが一般的ですが、 JavaScript を使用してこれをプログラムでどのように実現するかという問題が生じます。一般的な考えに反して、HTML コードに関連する値がないにもかかわらず、「無効」は確かに属性です。

JavaScript では、HTML ボタンの「無効」プロパティは true または false に設定できます。有効/無効状態を切り替えます。これは、次の例に示すように、ドット表記を使用して実現できます:

<code class="javascript">foo.disabled = true;</code>

また、setAttribute() メソッドとremoveAttribute() メソッドを使用して「disabled」属性を管理することもできます:

<code class="javascript">foo.setAttribute('disabled', 'disabled'); // Disable button
foo.removeAttribute("disabled"); // Enable button</code>

ただし、古いバージョンの Internet Explorer を使用する場合、setAttribute() でバグが発生することが知られているため、これらのメソッドの使用はお勧めできません。

以上がJavaScript を使用してプログラムで HTML ボタンを無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。