Wie entferne ich das Attribut “deaktiviert” mit jQuery?

Ich muss die Eingaben zuerst 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 true und dann false aber bei den Eingängen ändert sich nichts:

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

Stets benutze die prop() -Methode zum Aktivieren oder Deaktivieren von Elementen bei der Verwendung von jQuery (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 verwenden prop() wann du es gebrauchen könntest attr()/removeAttr() um dies zu tun?

Grundsätzlich, prop() sollte beim Holen oder Setzen verwendet werden Eigenschaften (wie zum Beispiel autoplay, checked, disabled und required unter anderem).

Durch die Nutzung removeAttr(), entfernen Sie vollständig die disabled Attribut selbst – während prop() setzt lediglich den zugrunde liegenden booleschen Wert der Eigenschaft auf false.

Während, was Sie tun möchten kann mit gemacht werden attr()/removeAttr(), es bedeutet es nicht sollen getan werden (und kann wie in diesem Fall zu seltsamem/problematischem Verhalten führen).

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

“Der Unterschied zwischen Attributen und Eigenschaften kann in bestimmten Situationen wichtig sein. Vor jQuery 1.6 war die .attr() -Methode hat beim Abrufen einiger Attribute manchmal Eigenschaftswerte berücksichtigt, was zu inkonsistentem Verhalten führen konnte. Ab jQuery 1.6 ist die .prop()
-Methode bietet eine Möglichkeit, Eigenschaftswerte explizit abzurufen, während
.attr() ruft Attribute ab.”

“Eigenschaften wirken sich im Allgemeinen auf den dynamischen Zustand eines DOM-Elements aus, ohne das serialisierte HTML-Attribut zu ändern. Beispiele hierfür sind die value
Eigenschaft von Eingabeelementen, die disabled Eigenschaft von Eingängen und Schaltflächen, oder die checked Eigenschaft eines Kontrollkästchens. Der .prop() Methode sollte zum Festlegen verwendet werden disabled und checked anstatt des .attr()
Methode. Der .val() Methode sollte zum Abrufen und Einstellen verwendet werden
value.”

um die Verwendung von deaktivierten Attributen zu entfernen,

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

und um die Verwendung von deaktivierten Attributen hinzuzufügen,

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

Genießen 🙂

<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/

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, Sie versuchen es Umschalten den deaktivierten Zustand, in diesem Fall sollten Sie dies verwenden (aus dieser Frage):

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

Hier ist eine funktionierende Geige.

zum Entfernen der deaktivierten Eigenschaften

 $('#inputDisabled').removeAttr('Disabled');

zum Hinzufügen der deaktivierten Eigenschaften

 $('#inputDisabled').attr('disabled', 'disabled' );

2018, ohne JQuery

Ich weiß, dass es bei der Frage um JQuery geht: Diese Antwort ist nur zur Information.

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