ホームページ > ウェブフロントエンド > jsチュートリアル > HTML 入力ボタンを無効または有効にするにはどうすればよいですか?

HTML 入力ボタンを無効または有効にするにはどうすればよいですか?

Susan Sarandon
リリース: 2024-10-26 20:58:02
オリジナル
990 人が閲覧しました

How to Disable and Enable HTML Input Buttons?

HTML 入力ボタンの無効化と有効化

HTML での入力ボタンの無効化は、多くのアプリケーションで共通の要件です。これは、偶発的な変更を防止したり、ユーザーのアクションを制限したり、フォームの検証中に行うことができます。ここでは、HTML 入力ボタンを無効または有効にする方法について詳しく説明します:

JavaScript の使用

JavaScript では、disabled 属性を使用してボタンを無効にできます。

<code class="JavaScript">document.getElementById("Button").disabled = true;</code>
ログイン後にコピー

ボタンを再度有効にするには、disabled 属性を false に戻すだけです:

<code class="JavaScript">document.getElementById("Button").disabled = false;</code>
ログイン後にコピー

jQuery の使用

jQuery オファーボタンを無効または有効にする簡潔な方法:

1.6 より前の jQuery バージョンの場合:

ボタンを無効にするには:

<code class="jQuery">$('#Button').attr('disabled','disabled');</code>
ログイン後にコピー

有効にするにはボタン:

<code class="jQuery">$('#Button').removeAttr('disabled');</code>
ログイン後にコピー

jQuery バージョン 1.6 以降の場合:

ボタンを無効にするには:

<code class="jQuery">$('#Button').prop('disabled', true);</code>
ログイン後にコピー

ボタンを有効にするには:

<code class="jQuery">$('#Button').prop('disabled', false);</code>
ログイン後にコピー

いずれの場合も、ボタンのコンテキストと意図された動作を考慮することが重要です。ボタンを無効にすると、ユーザーがフォームを送信したり変更を加えたりできなくなる可能性があるため、慎重に使用する必要があります。

以上がHTML 入力ボタンを無効または有効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート