Wie fügt man ein "readonly" Attribut zu einem hinzu?

Question

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

Answer 1

jQuery < 1,9

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

jQuery 1.9+

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

Lesen Sie mehr über difference between prop and attr

Answer 2

.attr('readonly', 'readonly') sollte den Trick tun. Ihr .attr('readonly') gibt nur den Wert zurück, es setzt keinen.

Answer 3

Ich denke "disabled" schließt die Eingabe von auf der POST gesendet werden

Answer 4

Zum Aktivieren von Nur lesen:

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

Zum Deaktivieren von Nur-Lese-

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

Answer 5

Sie können die Nur-Lese-deaktivieren, indem Sie die .removeAttr verwendet wird;

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

Answer 6

Verwenden $.prop()

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

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

Answer 7

READONLY ein Attribut wie in HTML definiert, so dass es wie ein behandeln.

Sie müssen wie etwas haben, nur lesbar = „Nur-Lesen“ in dem Objekt mit dem Sie arbeiten, wenn Sie es nicht editierbar zu sein. Und wenn Sie möchten, dass es wieder bearbeitet werden kann, haben Sie nicht so etwas wie readonly = '' (das ist nicht Standard, wenn ich es richtig verstanden habe). Sie müssen das Attribut als Ganzes wirklich entfernen.

Als solche, jQuery Hinzufügen und Entfernen ist es sinnvoll.

Set etwas nur lesbar:

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

entfernen Read-only:

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

Dies war die einzige Alternative, die wirklich für mich gearbeitet. Hoffe es hilft!

Answer 8

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

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 9

Für jQuery Version < 1.9:

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

Für jQuery-Version> = 1.9:

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