JQuery: Como habilitar/desabilitar um elemento (input)
A partir da versão jQuery 1.6+ devemos usar a função .prop().
// desabilita $("input").prop('disabled', true); // habilita $("input").prop('disabled', false); |
Para versão anteriores
Utiliza-se a função .attr().
// desabilita $("input").attr('disabled','disabled'); // habilita $("input").removeAttr('disabled'); |
Exemplo completo:
<div> Categoria: <input id="categoria" name="categoria" type="text"> </div> <br> <button id="adicionar">Adicionar</button> |
$("#adicionar").prop('disabled', true); $("#adicionar").click(function(){ alert("Estou habilitado!"); }); $('#categoria').on('input', function(){ $('#adicionar').prop('disabled', !this.value); }); |
Veja o script rodando no JSFIDDLE.
Estava realmente procurando por isso. Achei difícil com javascript. Jquery facilita até nisso. Funcionou perfeitamente aqui. Obrigada
Nossa procurei tanto essas dicas e estava bem dificil de encontrar, ainda bem disponibilizou agora deu certo aqui.. Obrigado!
Obrigado por disponiblizar os codigos, me ajudaram faz alguns dias que estou procurando pela solução… valeu!
Gosto bastante dessa área. Try Grasshopper it’s very cool.