Отключение и включение кнопки ввода html
Итак, у меня есть такая кнопка:
<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>
Как я могу отключить и включить его, когда захочу? Я пробовал disabled="disable"
, но включение его обратно является проблемой. Я попытался установить его на false, но это не позволило.
Ответы
Ответ 1
Использование Javascript
Использование jQuery
Все версии jQuery до 1.6
Все версии jQuery после 1.6
-
Отключение кнопки html
$('#Button').prop('disabled', true);
-
Включение кнопки html
$('#Button').prop('disabled', false);
-
Демо здесь
P.S. Обновлен код, основанный на jquery 1.6.1 изменения. В качестве предложения всегда используйте последние файлы jquery и метод prop()
.
Ответ 2
Поскольку вы отключите его в первую очередь, способ включить его - установить его свойство disabled
как false
.
Чтобы изменить его свойство disabled
в Javascript, вы используете это:
var btn = document.getElementById("Button");
btn.disabled = false;
И, очевидно, чтобы отключить его снова, вместо этого вы должны использовать true
.
Поскольку вы также отметили вопрос с помощью jQuery, вы можете использовать метод .prop
. Что-то вроде:
var btn = $("#Button");
btn.prop("disabled", true); // Or `false`
Это в новых версиях jQuery. Более старый способ сделать это - добавить или удалить атрибут следующим образом:
var btn = $("#Button");
btn.attr("disabled", "disabled");
// or
btn.removeAttr("disabled");
Простое присутствие свойства disabled
отключает элемент, поэтому вы не можете установить его значение как "false". Даже следующее: отключить элемент
<input type="button" value="Submit" disabled="" />
Вам нужно либо полностью удалить атрибут , либо.
Ответ 3
Вы можете сделать это довольно легко, просто используя JavaScript, никаких библиотек не требуется.
Включить кнопку
document.getElementById("Button").disabled=false;
Отключить кнопку
document.getElementById("Button").disabled=true;
Никаких внешних библиотек не требуется.
Ответ 4
атрибут disable имеет только один параметр. если вы хотите его повторно использовать, вам нужно удалить все это, а не просто изменить значение.
Ответ 5
$(".btncancel").button({ disabled: true });
Здесь 'btncancel' - это имя класса кнопки.
Ответ 6
пытаться
Button.disabled=1;
Button.disabled=1;
<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>
Ответ 7
Это, безусловно, будет работать.
Отключить кнопку
$('#btn_id').button('disable');
Включение кнопки
$('#btn_id').button('enable');
Ответ 8
Придерживайтесь php...
Почему бы не позволить кнопке появляться только при соблюдении вышеуказанных критериев.
<?
if (whatever == something) {
$display = '<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>';
return $display;
}
?>