Comment supprimer l'attribut «désactivé» à l'aide de jQuery?

Je dois d'abord désactiver les entrées puis cliquer sur un lien pour les activer.

C'est ce que j'ai essayé jusqu'à présent, mais cela ne fonctionne pas.

HTML:

<input type="text" disabled="disabled" class="inputDisabled" value="">

jQuery:

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').removeAttr("disabled")
});

Cela me montre trueet puis falserien ne change pour les entrées:

$("#edit").click(function(event){
   alert('');
   event.preventDefault();
   alert($('.inputDisabled').attr('disabled'));
   $('.inputDisabled').removeAttr("disabled");
   alert($('.inputDisabled').attr('disabled'));
});

Utilisez toujours la prop()méthode pour activer ou désactiver des éléments lorsque vous utilisez jQuery (voir ci-dessous pour savoir pourquoi).

Dans votre cas, ce serait:

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').prop("disabled", false); // Element(s) are now enabled.
});

Exemple jsFiddle ici.

Pourquoi utiliser prop()quand vous pourriez utiliser attr()/ removeAttr()pour faire cela?

Au fond, prop()devrait être utilisé lors de l' obtention ou la mise en propriétés ( par exemple autoplay, checked, disabledet requiredentre autres).

En utilisant removeAttr(), vous supprimez complètement l' disabledattribut lui-même - tout en prop()définissant simplement la valeur booléenne sous-jacente de la propriété sur false.

Bien que ce que vous voulez faire puisse être fait en utilisant attr()/ removeAttr(), cela ne signifie pas que cela devrait être fait (et peut provoquer un comportement étrange / problématique, comme dans ce cas).

Les extraits suivants (extraits de la documentation jQuery pour prop () ) expliquent ces points plus en détail:

"La différence entre les attributs et les propriétés peut être importante dans des situations spécifiques. Avant jQuery 1.6, la .attr()méthode prenait parfois en compte les valeurs des propriétés lors de la récupération de certains attributs, ce qui pouvait entraîner un comportement incohérent. À partir de jQuery 1.6, la .prop() méthode fournit un moyen de récupérer explicitement valeurs de propriété, tout en .attr()récupérant les attributs. "

"Les propriétés affectent généralement l'état dynamique d'un élément DOM sans modifier l'attribut HTML sérialisé. Les exemples incluent la value propriété des éléments d'entrée, la disabledpropriété des entrées et des boutons ou la checkedpropriété d'une case à cocher. La .prop()méthode doit être utilisée pour définir disabledet checkedau lieu de la .attr() méthode. La .val()méthode doit être utilisée pour obtenir et définir value. "

<input type="text" disabled="disabled" class="inputDisabled" value="">
​<button id="edit">Edit</button>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

$("#edit").click(function(event){
    event.preventDefault();
    $('.inputDisabled').removeAttr("disabled")
});​

http://jsfiddle.net/ZwHfY/

pour supprimer l'utilisation des attributs désactivés,

 $("#elementID").removeAttr('disabled');

et pour ajouter l'utilisation des attributs désactivés,

$("#elementID").prop("disabled", true);

Prendre plaisir :)

Utilisez comme ça,

HTML:

<input type="text" disabled="disabled" class="inputDisabled" value="">

<div id="edit">edit</div>

JS:

 $('#edit').click(function(){ // click to
            $('.inputDisabled').attr('disabled',false); // removing disabled in this class
 });

Je pense que vous essayez de basculer l'état désactivé, dans ce cas, vous devriez utiliser ceci (à partir de cette question ):

$(".inputDisabled").prop('disabled', function (_, val) { return ! val; });

Voici un violon qui fonctionne.

Pensé que vous pouvez facilement configurer

$(function(){
$("input[name^=radio_share]").click
(
    function()
    {
        if($(this).attr("id")=="radio_share_dependent")
        {
            $(".share_dependent_block input, .share_dependent_block select").prop("disabled",false);   
        }
        else
        {
            $(".share_dependent_block input, .share_dependent_block select").prop("disabled",true);   
        }
    }
 );
});

C'était le seul code qui fonctionnait pour moi:

element.removeProp('disabled')

Notez que c'est le cas removePropet non removeAttr.

J'utilise jQuery 2.1.3ici.

2018, sans JQuery

Je sais que la question concerne JQuery: cette réponse est juste FYI.

document.getElementById('edit').addEventListener(event => {
    event.preventDefault();
    [...document.querySelectorAll('.inputDisabled')].map(e => e.disabled = false);
}); 

Cette question mentionne spécifiquement jQuery, mais si vous cherchez à accomplir cela sans jQuery, l'équivalent en vanilla JavaScript est:

elem.removeAttribute('disabled');