Wie kann man einem <input> ein Attribut "readonly" hinzufügen?

Question

Wie kann ich hinzufügen readonly zu einer bestimmten <input> ? .attr('readonly') funktioniert nicht.

Answer 1

Sie können die Readonly-Funktion deaktivieren, indem Sie die Funktion .removeAttr;

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

Answer 2

Verwenden Sie die Eigenschaft setAttribute. Beachten Sie im Beispiel, dass bei Auswahl von 1 das Attribut readonly auf das Textfeld angewendet wird, andernfalls wird das Attribut readonly entfernt.

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>

Answer 3

Zum Aktivieren von Nur-Lesen:

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

Zum Deaktivieren von schreibgeschützt

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

Answer 4

Prüfen Sie den unten stehenden Code:

<input id="mail">

<script>

 document.getElementById('mail').readOnly = true; // makes input readonline
 document.getElementById('mail').readOnly = false; // makes input writeable again

</script>

Answer 5

Für jQuery Version < 1.9:

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

Für jQuery Version >= 1.9:

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