JavaScript を使用して HTML ボタンを動的に無効または有効にする方法

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

HTML ボタンを無効にするには、ボタンに直接「disable」を追加することで実現できるように見えますが、以下に示すように、タグ:

<code class="html"><input type="button" name=myButton value="disable" disabled></code>

これは完全に正確ではありません。実際、「disabled」は JavaScript を使用して動的に追加または削除できる属性です。

JavaScript を使用して「disabled」属性を追加する

以前に有効にしたものを無効にするにはJavaScript を使用してボタンを使用する場合は、その disabled プロパティを true に設定できます。

<code class="javascript">document.getElementById("myButton").disabled = true;</code>

これにより、ボタンがクリック不能になり、それ以上の操作ができなくなります。

「disabled」属性の削除

無効なボタンを有効にするには、disabled プロパティを false に設定します。

<code class="javascript">document.getElementById("myButton").disabled = false;</code>

ブラウザの互換性

これは重要ですdisabled 属性は最新のブラウザで広くサポートされていますが、古いバージョンの Internet Explorer では互換性の問題が発生する可能性があることに注意してください。そのため、ブラウザ間の互換性を最大限に高めるために、無効なプロパティを使用することをお勧めします。

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