Comment désactiver un bouton HTML en utilisant JavaScript ?

Question

J'ai lu que l'on peut désactiver (rendre physiquement non cliquable) un bouton HTML en ajoutant simplement la mention disable à sa balise, mais pas comme un attribut, comme suit :

<input type="button" name=myButton value="disable" disabled>

Comme ce paramètre n'est pas un attribut, comment puis-je l'ajouter dynamiquement via JavaScript pour désactiver un bouton qui était précédemment activé ?

Answer 1

Comme ce paramètre n'est pas un attribut

C'est un attribut.

Certains attributs sont définis comme des booléens, ce qui signifie que vous pouvez spécifier leur valeur et laisser tout le reste de côté. Par exemple, au lieu de disabled=" désactivé ", vous n'incluez que la partie en gras. En HTML 4, vous debe n'incluent que la partie en gras car la version complète est marquée comme une fonction avec un soutien limité (bien que cela soit moins vrai aujourd'hui que lorsque la spécification a été écrite).

À partir de HTML 5, les règles ont changé et maintenant vous incluez seulement le nom et non la valeur. Cela ne fait aucune différence dans la pratique, car le nom et la valeur sont les mêmes.

El Propriété DOM est également appelé disabled et est un booléen qui prend true o false .

foo.disabled = true;

En théorie, vous pouvez aussi foo.setAttribute('disabled', 'disabled'); y foo.removeAttribute("disabled") mais je ne m'y fierais pas avec les anciennes versions d'Internet Explorer (qui sont notoirement boguées lorsqu'il s'agit de l'accès à l'information). setAttribute ).

Answer 2

Pour désactiver

document.getElementById("btnPlaceOrder").disabled = true; 

pour permettre

document.getElementById("btnPlaceOrder").disabled = false;

Answer 3

C'est un attribut, mais un attribut booléen (il n'a donc pas besoin d'un nom, juste d'une valeur - je sais, c'est bizarre). Vous pouvez définir l'équivalent de la propriété en Javascript :

document.getElementsByName("myButton")[0].disabled = true;

Answer 4

Essayez ce qui suit :

document.getElementById("id").setAttribute("disabled", "disabled");

Answer 5

Si vous avez l'objet bouton, appelé b : b.disabled=false;