Desativando e Ativando um Botão de Entrada HTML

Então, eu tenho um botão como este:

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

Como posso desativá-lo e ativá-lo quando quiser? Eu tentei, disabled="disable"mas ativá-lo de volta é um problema. Tentei defini-lo novamente como false, mas isso não o habilitou.

Usando Javascript

• Desativando um botão html

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

• Ativando um botão html

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

• Demo Here

Usando jQuery

Todas as versões do jQuery anteriores à 1.6

• Desativando um botão html

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

• Ativando um botão html

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

• Demo Here

Todas as versões do jQuery após 1.6

• Desativando um botão html

  $('#Button').prop('disabled', true);

• Ativando um botão html

  $('#Button').prop('disabled', false);

• Demo Here

PS Atualizou o código com base nas alterações do jquery 1.6.1 . Como sugestão, sempre use os arquivos jquery mais recentes e o prop()método

Como você está desativando-o em primeiro lugar, a maneira de ativá-lo é definir sua disabledpropriedade como false.

Para alterar sua disabledpropriedade em Javascript, use este:

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

E, obviamente, para desativá-lo novamente, você usaria true.

Como você também marcou a pergunta com o jQuery, você pode usar o .propmétodo Algo como:

var btn = $("#Button");
btn.prop("disabled", true);   // Or `false`

Isso está nas versões mais recentes do jQuery. A maneira mais antiga de fazer isso é adicionar ou remover um atributo da seguinte maneira:

var btn = $("#Button");
btn.attr("disabled", "disabled");
// or
btn.removeAttr("disabled");

A mera presença da disabledpropriedade desabilita o elemento, portanto você não pode definir seu valor como "false". Mesmo o seguinte deve desativar o elemento

<input type="button" value="Submit" disabled="" />

Você precisa remover o atributo completamente ou definir sua propriedade.

Você pode fazer isso facilmente com JavaScript direto, sem necessidade de bibliotecas.

Ativar um botão

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

Desativar um botão

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

Nenhuma biblioteca externa necessária.

o atributo desativar tem apenas um parâmetro. se você quiser reativá-lo, precisará remover a coisa toda, não apenas alterar o valor.

$(".btncancel").button({ disabled: true });

Aqui 'btncancel' é o nome da classe do botão.

Sem jQuery, a entrada de desativação será mais simples

Button.disabled=1;

function dis() {
  Button.disabled= !Button.disabled;
}

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

<button onclick="dis()">Toggle disable</button>

 <!--Button Disable Script-->
    <script type="text/javascript">
        function DisableButton() {
            document.getElementById("<%=btnSave.ClientID %>").disabled = true;
        }
        window.onbeforeunload = DisableButton;
    </script>
    <!--Button Disable Script-->

Isso certamente vai funcionar.

Para desativar um botão

$('#btn_id').button('disable');

Para habilitar um botão

$('#btn_id').button('enable');

Atenha-se ao php ...

Por que não apenas permitir que o botão apareça quando os critérios acima forem atendidos.

<?
if (whatever == something) {
    $display = '<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>';
    return $display;
}
?>