Eingabe mit jQuery deaktivieren/aktivieren?

$input.disabled = true;

oder

$input.disabled = "disabled";

Was ist der Standardweg? Und umgekehrt, wie aktiviert man einen deaktivierten Eingang?

jQuery 1.6+

Um es zu ändern disabled Eigenschaft, die Sie verwenden sollten .prop() Funktion.

$("input").prop('disabled', true);
$("input").prop('disabled', false);

jQuery 1.5 und niedriger

Die .prop() Funktion existiert nicht, aber .attr() geht ähnlich:

Legen Sie das deaktivierte Attribut fest.

$("input").attr('disabled','disabled');

Um es wieder zu aktivieren, ist die richtige Methode zu verwenden .removeAttr()

$("input").removeAttr('disabled');

In jeder Version von jQuery

Sie können sich immer auf das eigentliche DOM-Objekt verlassen und sind wahrscheinlich etwas schneller als die beiden anderen Optionen, wenn Sie es nur mit einem Element zu tun haben:

// assuming an event handler thus 'this'
this.disabled = true;

Der Vorteil bei der Verwendung von .prop() oder .attr() Methoden besteht darin, dass Sie die Eigenschaft für eine Reihe ausgewählter Elemente festlegen können.

Notiz: In 1.6 gibt es eine .removeProp() Methode, die sehr nach klingt removeAttr()aber es SOLLTE NICHT BENUTZT WERDEN auf native Eigenschaften wie 'disabled' Auszug aus der Dokumentation:

Hinweis: Verwenden Sie diese Methode nicht, um systemeigene Eigenschaften wie aktiviert, deaktiviert oder ausgewählt zu entfernen. Dadurch wird die Eigenschaft vollständig entfernt und kann nach dem Entfernen nicht erneut zum Element hinzugefügt werden. Verwenden Sie stattdessen .prop(), um diese Eigenschaften auf „false“ zu setzen.

Tatsächlich bezweifle ich, dass es viele legitime Verwendungen für diese Methode gibt, boolesche Requisiten werden so erstellt, dass Sie sie auf false setzen sollten, anstatt sie wie ihre „Attribute“-Pendants in 1.5 zu „entfernen“.

Nur wegen neuer Konventionen && um es für die Zukunft anpassungsfähig zu machen (es sei denn, die Dinge ändern sich drastisch mit ECMA6 (????):

$(document).on('event_name', '#your_id', function() {
    $(this).removeAttr('disabled');
});

und

$(document).off('event_name', '#your_id', function() {
    $(this).attr('disabled','disabled');   
});

    // Disable #x
    $( "#x" ).prop( "disabled", true );
    // Enable #x
    $( "#x" ).prop( "disabled", false );

Manchmal müssen Sie das Formularelement wie Input oder Textarea deaktivieren/aktivieren. Jquery hilft Ihnen dabei, dies einfach zu tun, indem Sie das Attribut “disabled” auf “disabled” setzen. Zum Beispiel:

  //To disable 
  $('.someElement').attr('disabled', 'disabled');

Um das deaktivierte Element zu aktivieren, müssen Sie das Attribut “deaktiviert” von diesem Element entfernen oder seine Zeichenfolge leeren. Zum Beispiel:

//To enable 
$('.someElement').removeAttr('disabled');

// OR you can set attr to "" 
$('.someElement').attr('disabled', '');

verweisen :http://garmoncheg.blogspot.fr/2011/07/how-to-disableenable-element-with.html

$("input")[0].disabled = true;

oder

$("input")[0].disabled = false;

Es gibt viele Möglichkeiten, sie zu verwenden, um jedes Element zu aktivieren/deaktivieren :

Ansatz 1

$("#txtName").attr("disabled", true);

Ansatz 2

$("#txtName").attr("disabled", "disabled");

Wenn Sie jQuery 1.7 oder eine höhere Version verwenden, verwenden Sie prop() anstelle von attr().

$("#txtName").prop("disabled", "disabled");

Wenn Sie ein Element aktivieren möchten, müssen Sie nur das Gegenteil von dem tun, was Sie getan haben, um es zu deaktivieren. jQuery bietet jedoch eine andere Möglichkeit, ein Attribut zu entfernen.

Ansatz 1

$("#txtName").attr("disabled", false);

Ansatz 2

$("#txtName").attr("disabled", "");

Ansatz 3

$("#txtName").removeAttr("disabled");

Wenn Sie jQuery 1.7 oder eine höhere Version verwenden, verwenden Sie erneut prop() anstelle von attr(). Das ist. So aktivieren oder deaktivieren Sie jedes Element mit jQuery.

Sie können dies irgendwo global in Ihren Code einfügen:

$.prototype.enable = function () {
    $.each(this, function (index, el) {
        $(el).removeAttr('disabled');
    });
}

$.prototype.disable = function () {
    $.each(this, function (index, el) {
        $(el).attr('disabled', 'disabled');
    });
}

Und dann kannst du Sachen schreiben wie:

$(".myInputs").enable();
$("#otherInput").disable();

Wenn Sie nur den aktuellen Zustand umkehren möchten (wie das Verhalten einer Umschalttaste):

$("input").prop('disabled', ! $("input").prop('disabled') );