Maison > interface Web > js tutoriel > le corps du texte

Voici quelques titres basés sur des questions basés sur le contenu de votre article : Court et simple : * Comment puis-je désactiver et activer les boutons de saisie HTML ? * Vous souhaitez contrôler les états des boutons HTML ? Voici comment ! * Dynamique

Patricia Arquette
Libérer: 2024-10-27 00:20:30
original
630 Les gens l'ont consulté

Here are a few question-based titles based on your article content:

Short & Simple:

* How Do I Disable and Enable HTML Input Buttons?
* Want to Control HTML Button States? Here's How!
* Dynamically Enable/Disable HTML Buttons: A Quick Guide

More Speci

Comment contrôler l'état activé des boutons de saisie HTML

Vous souhaitez avoir la possibilité de désactiver et d'activer dynamiquement un bouton HTML. Voici comment y parvenir :

Utilisation de JavaScript

Pour désactiver le bouton, utilisez le code suivant :

<code class="javascript">document.getElementById("Button").disabled = true;</code>
Copier après la connexion

Pour activer le bouton , utilisez :

<code class="javascript">document.getElementById("Button").disabled = false;</code>
Copier après la connexion

Utilisation de jQuery

Pour les versions de jQuery antérieures à 1.6 :

Désactivez le bouton :

<code class="javascript">$('#Button').attr('disabled','disabled');</code>
Copier après la connexion

Activer le bouton :

<code class="javascript">$('#Button').removeAttr('disabled');</code>
Copier après la connexion

Pour les versions jQuery 1.6 et supérieures :

Désactiver le bouton :

<code class="javascript">$('#Button').prop('disabled', true);</code>
Copier après la connexion

Activer le bouton :

<code class="javascript">$('#Button').prop('disabled', false);</code>
Copier après la connexion

Démo de code

Référez-vous aux démos fournies pour des exemples pratiques sur la façon de désactiver et d'activer un bouton de manière dynamique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!