Wie entferne ich das Attribut "deaktiviert" mit jQuery?

Ich muss zuerst die Eingaben deaktivieren und dann auf einen Link klicken, um sie zu aktivieren.

Das habe ich bisher versucht, aber es funktioniert nicht.

HTML:

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

jQuery:

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

Das zeigt mir trueund dann falseändert sich aber nichts an den Eingaben:

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

Verwenden Sie immer die prop()Methode, um Elemente zu aktivieren oder zu deaktivieren, wenn Sie jQuery verwenden (siehe unten, warum).

In Ihrem Fall wäre es:

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

jsFiddle Beispiel hier.

Warum Gebrauch , prop()wenn Sie könnten nutzen attr()/ removeAttr()dies zu tun?

Grundsätzlich prop()soll verwendet werden , wenn Abrufen oder Festlegen Eigenschaften (wie autoplay, checked, disabledund requiredunter anderem).

Durch die Verwendung von removeAttr()entfernen Sie das disabledAttribut selbst vollständig, während Sie prop()lediglich den zugrunde liegenden booleschen Wert der Eigenschaft auf false setzen.

Während das, was Sie tun mögen , kann getan werden , mit attr()/ removeAttr(), bedeutet es nicht , es sollte (und kann seltsames / problematisches Verhalten führen, wie in diesem Fall) erfolgen.

Die folgenden Auszüge (aus der jQuery-Dokumentation für prop () ) erläutern diese Punkte ausführlicher:

"Der Unterschied zwischen Attributen und Eigenschaften kann in bestimmten Situationen wichtig sein. Vor jQuery 1.6 .attr()berücksichtigte die Methode beim Abrufen einiger Attribute manchmal Eigenschaftswerte, was zu inkonsistentem Verhalten führen kann. Ab jQuery 1.6 bietet die .prop() Methode eine Möglichkeit zum expliziten Abrufen Eigenschaftswerte, während .attr()Attribute abgerufen werden. "

"Eigenschaften wirken sich im Allgemeinen auf den dynamischen Status eines DOM-Elements aus, ohne das serialisierte HTML-Attribut zu ändern. Beispiele sind die value Eigenschaft von Eingabeelementen, die disabledEigenschaft von Eingaben und Schaltflächen oder die checkedEigenschaft eines Kontrollkästchens. Die .prop()Methode sollte zum Festlegen disabledund checkedanstelle von verwendet werden die .attr() Methode. Die .val()Methode sollte zum Abrufen und Einstellen verwendet werden 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/

um die Verwendung deaktivierter Attribute zu entfernen,

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

und um die Verwendung deaktivierter Attribute hinzuzufügen,

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

Genießen :)

Verwenden Sie so,

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
 });

Ich denke , dass Sie versuchen , wechseln um den deaktivierten Zustand, in Hexe Fall sollten Sie diese verwenden (aus dieser Frage ):

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

Hier ist eine funktionierende Geige.

Dachte das kannst du einfach einrichten

$(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);   
        }
    }
 );
});

Dies war der einzige Code, der für mich funktioniert hat:

element.removeProp('disabled')

Beachten Sie, dass es ist removePropund nicht removeAttr.

Ich benutze jQuery 2.1.3hier.

2018 ohne JQuery

Ich weiß, dass es sich bei der Frage um JQuery handelt: Diese Antwort ist nur zu Ihrer Information.

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

In dieser Frage wird speziell jQuery erwähnt. Wenn Sie dies jedoch ohne jQuery erreichen möchten, lautet das Äquivalent in Vanille-JavaScript:

elem.removeAttribute('disabled');