Comment ajouter un attribut «en lecture seule» à un <input>?

Comment puis-je ajouter readonlyà un spécifique <input>? .attr('readonly')ne marche pas.

jQuery <1,9

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

jQuery 1.9+

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

En savoir plus sur la différence entre prop et attr

Utilisez $ .prop ()

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

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

Readonly est un attribut tel que défini en html, alors traitez-le comme tel.

Vous devez avoir quelque chose comme readonly = "readonly" dans l'objet avec lequel vous travaillez si vous voulez qu'il ne soit pas modifiable. Et si vous voulez qu'il soit à nouveau modifiable, vous n'aurez pas quelque chose comme readonly = '' (ce n'est pas standard si j'ai bien compris). Vous devez vraiment supprimer l'attribut dans son ensemble.

En tant que tel, tout en utilisant jquery, l'ajouter et le supprimer est ce qui a du sens.

Définissez quelque chose en lecture seule:

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

Supprimer en lecture seule:

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

C'était la seule alternative qui fonctionnait vraiment pour moi. J'espère que ça aide!

.attr('readonly', 'readonly')devrait faire l'affaire. Votre .attr('readonly')ne renvoie que la valeur, il n'en définit pas une.

Je pense que "désactivé" exclut l'entrée de l'envoi sur le POST

Vous pouvez désactiver la lecture seule en utilisant le .removeAttr;

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

Pour activer la lecture seule:

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

Pour désactiver la lecture seule

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

Utilisez la propriété setAttribute. Notez dans l'exemple que si sélectionnez 1, appliquez l'attribut en lecture seule sur la zone de texte, sinon supprimez l'attribut en lecture seule.

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>

Pour la version jQuery <1.9:

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

Pour la version jQuery> = 1.9:

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