javascript supprime l'attribut "disabled" de l'entrée html

Question

Comment supprimer l'attribut "disabled" d'une entrée HTML en utilisant le javascript ?

<input id="edit" disabled>

à onClick, je veux que ma balise d'entrée ne comporte pas l'attribut "disabled".

Answer 1

Définir la valeur de l'élément disabled à false :

document.getElementById('my-input-id').disabled = false;

Si vous utilisez jQuery, l'équivalent serait :

$('#my-input-id').prop('disabled', false);

Pour plusieurs champs de saisie, vous pouvez plutôt y accéder par classe :

var inputs = document.getElementsByClassName('my-input-class');
for(var i = 0; i < inputs.length; i++) {
    inputs[i].disabled = false;
}

Où document pourrait être remplacé par un formulaire, par exemple, pour ne trouver que les éléments contenus dans ce formulaire. Vous pouvez également utiliser getElementsByTagName('input') pour obtenir tous les éléments d'entrée. Dans votre for il faudrait alors vérifier que inputs[i].type == 'text' .

Answer 2

Pourquoi ne pas simplement supprimer cet attribut ?

1. vanille JS : elem.removeAttribute('disabled')
2. jQuery : elem.removeAttr('disabled')

Answer 3

La meilleure réponse est simplement removeAttribute

element.removeAttribute("disabled");

Answer 4

Pour régler le disabled à faux en utilisant l'option name de l'entrée :

document.myForm.myInputName.disabled = false;

Answer 5

$("#input-id").attr("disabled", false)