jQuery: desactivar un elmento (disable)

Para desactivar un elemento en un formulario bastaría con usar uno de estos métodos:

$("#campo").attr('disabled', 'disabled');
$("#campo").prop('disabled', true);

Y para volver a activar el campo:

.removeAttr("disabled");

Ejemplo de uso

Este sería el formulario:

<input type="text" id="nombre" value=""/>
<input type="checkbox" id="casilla" value="1" onclick="desactivar()"/>Desactivar campo nombre

Y ésta la función que hace la “magia”:

funcion desactivar() {
    if($("#casilla:checked").val()==1) {
        $("#casilla").attr('disabled', 'disabled');
    }
    else {
        $("#casilla").removeAttr("disabled");
}

NOTAS:

  • Es importante destacar que el checbox debe tener value=”1″ porque de otro modo no funcionará.
  • En lugar de un elemento podríamos desactivar varios que tengan la misma clase o usando, por ejemplo algo como “input:text”.

3 thoughts on “jQuery: desactivar un elmento (disable)

  1. necesito enviar los valores del input como lo hago disabled no me permite necesito que este deshabilitado par a qnadie modifique los valores pero deben ser enviados

Deja un comentario