Deaktivieren/Aktivieren einer Eingabe mit jQuery?

Question

$input.disabled = true;

o

$input.disabled = "disabled";

Welches ist die Standardmethode? Und umgekehrt, wie aktiviert man einen deaktivierten Eingang?

Answer 1

So verwenden,

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

 $( "#id" ).prop( "disabled", false );

Answer 2

Wenn Sie nur den aktuellen Zustand umkehren wollen (wie bei einer Umschalttaste):

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

Answer 3

Sie können dies an einer globalen Stelle in Ihrem 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();

Answer 4

Das funktioniert bei mir

$("#values:input").attr("disabled",true);
$("#values:input").attr("disabled",false);

Answer 5

Eine alternative Möglichkeit, das Eingabefeld zu deaktivieren, ist die Verwendung von jQuery und css wie folgt:

jQuery("#inputFieldId").css({"pointer-events":"none"})

und um die gleiche Eingabe zu ermöglichen, lautet der Code wie folgt:

jQuery("#inputFieldId").css({"pointer-events":""})