Как сделать неактивной кнопку в jquery?

Пользователь

от gussie.jones , в категории: JavaScript , 3 года назад

Как сделать неактивной кнопку в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от dmitrypro77 , 3 года назад

@ewrewer Вы можете изменить disabled аттрибут для этой кнопки на true и сделать тем самым кнопку неактивной в jQuery, ниже пример кода:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<html>
<head>
    <meta charset="utf-8"/>
    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
</head>
<body>
    <button id="button1" class="button-1">Сделать кнопку неактивной</button>
</body>
<script>
    $("#button1").on("click", function () {
        $(this).attr('disabled', true)
    })
</script>
</html>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

Пользователь

от dayna , 2 года назад

@gussie.jones 

Для того, чтобы сделать кнопку неактивной в jQuery, можно использовать метод prop() для установки свойства disabled в значение true.


Пример:

1
2
3
4
5
// выбираем кнопку по ее идентификатору
var myButton = $('#myButton');

// делаем кнопку неактивной
myButton.prop('disabled', true);


В этом примере $('#myButton') выбирает элемент с идентификатором myButton, а затем метод prop('disabled', true) устанавливает свойство disabled в значение true, что делает кнопку неактивной.


Если вы хотите сделать кнопку снова активной, вы можете установить свойство disabled в значение false:

1
2
// делаем кнопку снова активной
myButton.prop('disabled', false);