Maison >interface Web >js tutoriel >Comment désactiver par programmation les boutons HTML à l'aide de JavaScript ?

Comment désactiver par programmation les boutons HTML à l'aide de JavaScript ?

Linda Hamilton
Linda Hamiltonoriginal
2024-10-23 09:04:01723parcourir

How to Programmatically Disable HTML Buttons Using JavaScript?

Désactiver dynamiquement les boutons HTML avec JavaScript

Bien que désactiver un bouton HTML en ajoutant « désactivé » directement à sa balise soit une pratique courante, il soulève la question de savoir comment y parvenir par programmation en utilisant JavaScript. Contrairement aux idées reçues, "disabled" est bien un attribut, malgré l'absence de valeur associée dans son code HTML.

En JavaScript, la propriété "disabled" d'un bouton HTML peut être définie sur true ou false pour basculer son état activé/désactivé. Ceci peut être réalisé en utilisant la notation par points, comme le montre l'exemple suivant :

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

Alternativement, les méthodes setAttribute() et removeAttribute() peuvent également être utilisées pour gérer l'attribut "disabled" :

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

Cependant, l'utilisation de ces méthodes n'est pas recommandée lorsque vous travaillez avec des versions plus anciennes d'Internet Explorer, car elles sont connues pour présenter des bogues avec setAttribute().

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!

Déclaration:
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