Отключить / включить вход с помощью jQuery?

Только ради новых соглашений && делая его адаптируемым в будущем (если ситуация не изменится с ECMA6 (????):

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

и

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

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

Иногда вам нужно отключить/включить элемент формы, например input или textarea. JQuery помогает вам легко сделать это с установкой отключенного атрибута на "отключено". Например, например:

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

Чтобы включить отключенный элемент, вам нужно удалить атрибут "disabled" из этого элемента или удалить его. Например, например:

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

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

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

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

или

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

Вы можете поместить это где-то глобальное в свой код:

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

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

И тогда вы можете писать такие вещи, как:

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

Если вы просто хотите инвертировать текущее состояние (например, поведение кнопки переключения):

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

Есть несколько способов их использования: вы можете включить/отключить любой элемент :

Подход 1

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

Подход 2

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

Если вы используете версию jQuery 1.7 или более поздней версии, используйте prop() вместо attr().

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

Если вы хотите включить любой элемент, вам просто нужно сделать что-то противоположное тому, что вы сделали, чтобы отключить его. Однако jQuery предоставляет другой способ удаления любого атрибута.

Подход 1

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

Подход 2

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

Подход 3

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

Опять же, если вы используете версию jQuery 1.7 или более поздней версии, используйте prop() вместо attr(). То есть. Так вы включаете или отключите любой элемент, используя jQuery.

Вы можете использовать метод jQuery prop() для отключения или активации элемента формы или управления динамически с помощью jQuery. Для метода prop() требуется jQuery 1.6 и выше.

Пример:

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

Обновление за 2018 год:

Теперь нет необходимости в jQuery, и это было некоторое время, поскольку document.querySelector или document.querySelectorAll (для нескольких элементов) выполняют почти то же самое задание, что и $, плюс более явные getElementById, getElementsByClassName, getElementsByTagName

Отключение одного поля класса "вход-флажок"

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

или несколько элементов

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

Отключение:

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

Включить:

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

2018, без JQuery (ES6)

Отключить все input:

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

Отключить input с id="my-input"

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

Вопрос заключается в том с JQuery, это просто FYI.

Я использовал ответ @gnarf и добавил его как функцию

   $.fn.disabled = function (isDisabled) {
     if (isDisabled) {
       this.attr('disabled', 'disabled');
     } else {
       this.removeAttr('disabled');
     }
   };

Затем используйте так:

$('#myElement').disable(true);

В jQuery Mobile:

Для отключения

$('#someselectElement').selectmenu().selectmenu('disable').selectmenu('refresh', true);
$('#someTextElement').textinput().textinput('disable');

Для включения

$('#someselectElement').selectmenu().selectmenu('enable').selectmenu('refresh', true);
$('#someTextElement').textinput('enable');

<html>
<body>

Name: <input type="text" id="myText">



<button onclick="disable()">Disable Text field</button>
<button onclick="enable()">Enable Text field</button>

<script>
function disable() {
    document.getElementById("myText").disabled = true;
}
function enable() {
    document.getElementById("myText").disabled = false;
}
</script>

</body>
</html>

Отключить true для типа ввода:

В случае конкретного типа ввода (пример ввода текста)

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

Для всех типов ввода

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