Отключение и включение кнопки ввода html

Итак, у меня есть такая кнопка:

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

Как я могу отключить и включить его, когда захочу? Я пробовал disabled="disable", но включение его обратно является проблемой. Я попытался установить его на false, но это не позволило.

ОТВЕТЫ

Ответ 1

Использование Javascript

  • Отключение кнопки html

    document.getElementById("Button").disabled = true;

  • Включение кнопки html

    document.getElementById("Button").disabled = false;

  • Демо здесь

Использование jQuery

Все версии jQuery до 1.6

  • Отключение кнопки html

    $('#Button').attr('disabled','disabled');

  • Включение кнопки html

    $('#Button').removeAttr('disabled');

  • Демо здесь

Все версии 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;
}
?>