Отключить / включить вход с помощью jQuery? - PullRequest
Новая
       96

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

2122 голосов
/ 12 сентября 2009 
$input.disabled = true;

или 

$input.disabled = "disabled";

Какой стандартный способ? И, наоборот, как включить отключенный вход?

Ответы [ 17 ]

0 голосов
/ 04 июня 2018

2018, без JQuery (ES6)

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

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

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

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

Вопрос с JQuery, это просто К вашему сведению.

0 голосов
/ 19 декабря 2017

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

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

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

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

$("input").attr('disabled', true);
0 голосов
/ 14 июня 2016

В jQuery Mobile:

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

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

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

$('#someselectElement').selectmenu().selectmenu('enable').selectmenu('refresh', true);
$('#someTextElement').textinput('enable');
0 голосов
/ 26 сентября 2015 
<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>
0 голосов
/ 31 октября 2018

Используйте вот так, 

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

    $( "#id" ).prop( "disabled", false );
0 голосов
/ 22 февраля 2019

это работает для меня 

$("#values:input").attr("disabled",true);
$("#values:input").attr("disabled",false);
0 голосов
/ 16 ноября 2017

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

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

Тогда используйте вот так 

$('#myElement').disable(true);
Страница:
...