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

Sie können die Methode jQuery prop() verwenden, um ein Formularelement oder ein Steuerelement dynamisch mit jQuery zu deaktivieren oder zu aktivieren. Für die prop()-Methode ist jQuery 1.6 und höher erforderlich.

Ejemplo:

<script type="text/javascript">
        $(document).ready(function(){
            $('form input[type="submit"]').prop("disabled", true);
            $(".agree").click(function(){
                if($(this).prop("checked") == true){
                    $('form input[type="submit"]').prop("disabled", false);
                }
                else if($(this).prop("checked") == false){
                    $('form input[type="submit"]').prop("disabled", true);
                }
            });
        });
    </script>

Answer 2

Update für 2018:

Jetzt gibt es keine Notwendigkeit für jQuery und es ist eine Weile her, seit document.querySelector ou document.querySelectorAll (für mehrere Elemente) erledigen fast genau dieselbe Aufgabe wie $, plus weitere explizite getElementById , getElementsByClassName , getElementsByTagName

Deaktivierung eines Feldes der Klasse "input-checkbox".

document.querySelector('.input-checkbox').disabled = true;

oder mehrere Elemente

document.querySelectorAll('.input-checkbox').forEach(el => el.disabled = true);

Answer 3

Deaktivieren Sie true für den Eingabetyp :

Im Falle eines bestimmten Eingabetyps ( Ex. Eingabe der Textart )

$("input[type=text]").attr('disabled', true);

Für alle Arten von Eingabearten

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

Answer 4

Deaktivieren:

$('input').attr('readonly', true); // Disable it.
$('input').addClass('text-muted'); // Gray it out with bootstrap.

Aktivieren:

$('input').attr('readonly', false); // Enable it.
$('input').removeClass('text-muted'); // Back to normal color with bootstrap.

Answer 5

2018, ohne JQuery (ES6)

Alle deaktivieren input :

[...document.querySelectorAll('input')].map(e => e.disabled = true);

Deaktivieren Sie input con id="my-input"

document.getElementById('my-input').disabled = true;

Die Frage lautet mit JQuery, nur zu Ihrer Information.