Como adicionar um atributo "somente leitura" a uma <entrada>?

Como posso adicionar readonlya um específico <input>? .attr('readonly')não funciona.

jQuery <1.9

$('#inputId').attr('readonly', true);

jQuery 1.9+

$('#inputId').prop('readonly', true);

Leia mais sobre a diferença entre prop e attr

Use $ .prop ()

$("#descrip").prop("readonly",true);

$("#descrip").prop("readonly",false);

O Readonly é um atributo conforme definido no html, portanto, trate-o como um.

Você precisa ter algo como readonly = "readonly" no objeto com o qual está trabalhando, se desejar que não seja editável. E se você quiser que seja editável novamente, não terá algo como readonly = '' (isso não é padrão se eu entendi corretamente). Você realmente precisa remover o atributo como um todo.

Como tal, ao usar o jquery, adicioná-lo e removê-lo é o que faz sentido.

Defina algo somente leitura:

$("#someId").attr('readonly', 'readonly');

Remova somente leitura:

$("#someId").removeAttr('readonly');

Esta foi a única alternativa que realmente funcionou para mim. Espero que ajude!

.attr('readonly', 'readonly')deve fazer o truque. Você .attr('readonly')só retorna o valor, ele não define um.

Eu acho que "desativado" exclui a entrada de ser enviado no POST

Você pode desativar o readonly usando o .removeAttr;

$('#descrip').removeAttr('readonly');

Para ativar somente leitura:

$("#descrip").attr("readonly","true");

Para desativar somente leitura

$("#descrip").attr("readonly","");

Use a propriedade setAttribute. Observe no exemplo que, se selecione 1, aplique o atributo somente leitura na caixa de texto, caso contrário, remova o atributo somente leitura.

http://jsfiddle.net/baqxz7ym/2/

document.getElementById("box1").onchange = function(){
  if(document.getElementById("box1").value == 1) {
    document.getElementById("codigo").setAttribute("readonly", true);
  } else {
    document.getElementById("codigo").removeAttribute("readonly");
  }
};

<input type="text" name="codigo" id="codigo"/>

<select id="box1">
<option value="0" >0</option>
<option value="1" >1</option>
<option value="2" >2</option>
</select>

Para a versão jQuery <1.9:

$('#inputId').attr('disabled', true);

Para a versão jQuery> = 1.9:

$('#inputId').prop('disabled', true);