Skip to main content
Publicación convertida en wiki de comunidad por Joacer
Origen Enlace
Joacer
  • 5.8k
  • 11
  • 34
  • 54

De la respuesta del SO original Disable/enable an input with jQuery?

jQuery 1.6+

Para cambiar la propiedad disabled debes usar la función .prop() function.

$("input").prop('disabled', true);
$("input").prop('disabled', false);

jQuery 1.5 e inferior

La función .prop() no existe, pero .attr() funciona de forma similar:

Establecer el atributo disabled:

$("input").attr('disabled','disabled');

Para habilitar de nuevo, el método adecuado es usar .removeAttr()

$("input").removeAttr('disabled');

En cualquier versión de jQuery

Siempre se puede confiar en el objeto actual del DOM y es probablemente un poco más rápido que las otras dos opciones si sólo se trata de un elemento:

// assuming an event handler thus 'this'
this.disabled = true;

La ventaja de usar los métodos .prop () o .attr () es que puede establecer la propiedad para un montón de elementos seleccionados.


Nota: En 1.6 hay un método .removeProp() que suena mucho como removeAttr(), pero NO DEBE SER USADO en propiedades nativas como 'disabled' Extracto de la documentación:

Note: Do not use this method to remove native properties such as checked, disabled, or selected. This will remove the property completely and, once removed, cannot be added again to element. Use .prop() to set these properties to false instead.

Traducción:

Nota: No utilice este método para eliminar propiedades nativas, como checked, disabled o selected. Esto eliminará completamente la propiedad y, una vez eliminada, no se podrá agregar de nuevo al elemento. Utilice .prop() para establecer estas propiedades a false en su lugar.

De hecho, dudo que haya muchos usos legítimos para este método, las propiedades booleanas están hechas de tal manera que debes establecerlos a false en lugar de "eliminarlas" como sus equivalentes de "atributo" en 1.5