Deshabilitar y habilitar un botón de entrada html

Entonces tengo un botón como este:

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

¿Cómo puedo deshabilitarlo y habilitarlo cuando quiero? Lo he intentado disabled="disable"pero habilitarlo de nuevo es un problema. Intenté volver a establecerlo en falso, pero eso no lo habilitó.

Usando Javascript

• Deshabilitar un botón html

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

• Habilitar un botón html

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

• Demo aquí

Usando jQuery

Todas las versiones de jQuery anteriores a 1.6

• Deshabilitar un botón html

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

• Habilitar un botón html

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

• Demo aquí

Todas las versiones de jQuery después de 1.6

• Deshabilitar un botón html

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

• Habilitar un botón html

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

• Demo aquí

PS Actualizó el código basado en los cambios de jquery 1.6.1 . Como sugerencia, use siempre los últimos archivos jquery y el prop()método.

Como lo está deshabilitando en primer lugar, la forma de habilitarlo es establecer su disabledpropiedad como false.

Para cambiar su disabledpropiedad en Javascript, use esto:

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

Y, obviamente, para deshabilitarlo nuevamente, lo usaría trueen su lugar.

Como también etiquetó la pregunta con jQuery, podría usar el .propmétodo. Algo como:

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

Esto está en las versiones más nuevas de jQuery. La forma más antigua de hacer esto es agregar o eliminar un atributo así:

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

La mera presencia de la disabledpropiedad desactiva el elemento, por lo que no puede establecer su valor como "falso". Incluso lo siguiente debería deshabilitar el elemento

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

Debe eliminar el atributo por completo o establecer su propiedad.

Puede hacerlo con bastante facilidad con JavaScript directo, no se requieren bibliotecas.

Habilitar un botón

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

Deshabilitar un botón

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

No se necesitan bibliotecas externas.

el atributo de desactivación solo tiene un parámetro. si desea volver a habilitarlo, debe eliminar todo, no solo cambiar el valor.

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

Aquí 'btncancel' es el nombre de la clase del botón.

Sin jQuery, la entrada de desactivación será más simple

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-->

Esto seguramente funcionará.

Para deshabilitar un botón

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

Para habilitar un botón

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

Se adhieren a php ...

¿Por qué no solo permitir que el botón aparezca una vez que se cumplan los criterios anteriores?

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