Skip to main content
Melhorei o texto da resposta.
Fonte Link

Quando quiser desabilitar o campo, basta alterar disabled para true ou false para habilitar ou desabilitar.

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

UPDATE: readonly vs disabled

Você pode usar readonly ou disabled, ambos impedem o usuário de alterar o campo, mas disabled impede que o valor do campo seja usado de qualquer forma, ou seja, quando o form for enviado, o valor do campo não será enviado junto. Contudo, alguns campos, como <SELECT>, <OPTION> e <BUTTON> não possuem o atributo readonly, por isso, usar readonly com esses campos não vai funcionar.

Sendo assim, você pode usar readonly em vez de disableddisabled para campos que não são <SELECT>, <OPTION> ou <BUTTON>. Se tiver algum desses no teu form, pode usar disabled e ter um campo hidden que vai conter o valor do formcompo desabilitado do form a ser enviado junto com o form. Sendo .campos os campos que podem ser usados Quando quiser "desabilitar" os campos:

$(".campos").prop( "disabled", true );
$(".select").prop( "readonly", true );
$(".escondido").val( $(".select").val() );

Quando quiser desabilitar o campo, basta alterar disabled para true ou false para habilitar ou desabilitar.

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

UPDATE: readonly vs disabled

Você pode usar readonly ou disabled, ambos impedem o usuário de alterar o campo, mas disabled impede que o valor do campo seja usado de qualquer forma, ou seja, quando o form for enviado, o valor do campo não será enviado junto. Contudo, alguns campos, como <SELECT>, <OPTION> e <BUTTON> não possuem o atributo readonly, por isso, usar readonly com esses campos não vai funcionar.

Sendo assim, você pode usar readonly em vez de disabled para campos que não são <SELECT>, <OPTION> ou <BUTTON>. Se tiver algum desses no teu form, pode usar disabled e ter um campo hidden que vai conter o valor do form desabilitado a ser enviado junto com o form. Quando quiser "desabilitar" os campos:

$(".campos").prop( "disabled", true );
$(".select").prop( "readonly", true );
$(".escondido").val( $(".select").val() );

Quando quiser desabilitar o campo, basta alterar disabled para true ou false para habilitar ou desabilitar.

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

UPDATE: readonly vs disabled

Você pode usar readonly ou disabled, ambos impedem o usuário de alterar o campo, mas disabled impede que o valor do campo seja usado de qualquer forma, ou seja, quando o form for enviado, o valor do campo não será enviado junto. Contudo, alguns campos, como <SELECT>, <OPTION> e <BUTTON> não possuem o atributo readonly, por isso, usar readonly com esses campos não vai funcionar.

Sendo assim, você pode usar readonly em vez de disabled para campos que não são <SELECT>, <OPTION> ou <BUTTON>. Se tiver algum desses no teu form, pode usar disabled e ter um campo hidden que vai conter o valor do compo desabilitado do form a ser enviado junto com o form. Sendo .campos os campos que podem ser usados Quando quiser "desabilitar" os campos:

$(".campos").prop( "disabled", true );
$(".select").prop( "readonly", true );
$(".escondido").val( $(".select").val() );
Explicação mais detalhada e comparação.
Fonte Link

Quando quiser desabilitar o campo, basta alterar disabled para true ou false para habilitar ou desabilitar.

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

UPDATE: readonly vs disabled

Você pode usar readonly ou disabled, ambos impedem o usuário de alterar o campo, mas disabled impede que o valor do campo seja usado de qualquer forma, ou seja, quando o form for enviado, o valor do campo não será enviado junto. Contudo, alguns campos, como <SELECT>, <OPTION> e <BUTTON> não possuem o atributo readonly, por isso, usar readonly com esses campos não vai funcionar.

Sendo assim, você pode usar readonly em vez de disabled para campos que não são <SELECT>, <OPTION> ou <BUTTON>. Se tiver algum desses no teu form, pode usar disabled e ter um campo hidden que vai conter o valor do form desabilitado a ser enviado junto com o form. Quando quiser "desabilitar" os campos:

$(".campos").prop( "disabled", true );
$(".select").prop( "readonly", true );
$(".escondido").val( $(".select").val() );

Quando quiser desabilitar o campo, basta alterar disabled para true ou false para habilitar ou desabilitar.

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

Quando quiser desabilitar o campo, basta alterar disabled para true ou false para habilitar ou desabilitar.

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

UPDATE: readonly vs disabled

Você pode usar readonly ou disabled, ambos impedem o usuário de alterar o campo, mas disabled impede que o valor do campo seja usado de qualquer forma, ou seja, quando o form for enviado, o valor do campo não será enviado junto. Contudo, alguns campos, como <SELECT>, <OPTION> e <BUTTON> não possuem o atributo readonly, por isso, usar readonly com esses campos não vai funcionar.

Sendo assim, você pode usar readonly em vez de disabled para campos que não são <SELECT>, <OPTION> ou <BUTTON>. Se tiver algum desses no teu form, pode usar disabled e ter um campo hidden que vai conter o valor do form desabilitado a ser enviado junto com o form. Quando quiser "desabilitar" os campos:

$(".campos").prop( "disabled", true );
$(".select").prop( "readonly", true );
$(".escondido").val( $(".select").val() );
Fonte Link

Quando quiser desabilitar o campo, basta alterar disabled para true ou false para habilitar ou desabilitar.

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