Comment désactiver par programmation les boutons HTML à l'aide de 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!