12

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

Quiero habilitar y deshabilitar elementos de una página HTML (ya sean inputs, divs, botones, etc.).

¿Cómo puedo resolverlo utilizando jQuery?

1

1 respuesta 1

22

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

4
  • Gracias por copiar y pegar la documentación
    – lromeraj
    Commented el 1 ago. 2017 a las 14:01
  • 1
    @Javi no sé si ese comentario es sarcástico, si lo es ten en cuenta que esta pregunta es una traducción, hay una lista de preguntas de SO en inglés para traducir: es.meta.stackoverflow.com/questions/1320/…
    – user7176
    Commented el 1 ago. 2017 a las 15:16
  • @blonfu como quieras pero está copiada, aún así es lo de menos, lo que me hace gracia es también como este tipo de preguntas / respuesta reciban más de 3 y 4 votos positivos, a este tipo de preguntas me refiero a que en Google escribes esa pregunta y te salen ya millones de respuestas, luego hay preguntas bastante más interesantes y complejas y no se valoran tanto como deberían. (En ningún momento hablo por mí, si no en general).
    – lromeraj
    Commented el 1 ago. 2017 a las 15:29
  • @Javi La respuesta original tiene 2910 votos! Son preguntas que son útiles a mucha gente y por eso cosechan gran cantidad de votos. Seguramente se pueda encontrar la respuesta en muchos sitios pero es interesante para SOes que este aquí y en español. También ha habido debate sobre este tipo de preguntas traducidas, no todos están de acuerdo
    – user7176
    Commented el 1 ago. 2017 a las 17:22

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.