Comment désactiver et activer dynamiquement les boutons HTML avec JavaScript ?

Désactivation dynamique des boutons HTML avec JavaScript

Bien qu'il puisse sembler que la désactivation des boutons HTML peut être obtenue en ajoutant « désactiver » directement au bouton tag, comme indiqué ci-dessous :

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

ce n'est pas tout à fait exact. En fait, "désactivé" est un attribut qui peut être ajouté ou supprimé dynamiquement à l'aide de JavaScript.

Ajout de l'attribut "désactivé" avec JavaScript

Pour désactiver un attribut précédemment activé bouton à l'aide de JavaScript, vous pouvez définir sa propriété désactivée sur true :

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

Cela rendra le bouton non cliquable et empêchera toute interaction ultérieure.

Suppression de l'attribut "désactivé"

Alternativement, pour activer un bouton désactivé, vous pouvez définir la propriété désactivée sur false :

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

Compatibilité des navigateurs

C'est important Il convient de noter que même si l'attribut désactivé est largement pris en charge par les navigateurs modernes, il peut y avoir des problèmes de compatibilité avec les anciennes versions d'Internet Explorer. En tant que tel, il est recommandé d'utiliser la propriété désactivée pour une compatibilité maximale entre navigateurs.

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!