Wie füge ich einem <Eingang> ein "schreibgeschütztes" Attribut hinzu?

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

jQuery <1.9

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

jQuery 1.9+

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

Lesen Sie mehr über den Unterschied zwischen Prop und Attr

Verwenden Sie $ .prop ()

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

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

Readonly ist ein Attribut, wie es in HTML definiert ist. Behandeln Sie es also wie eines.

Sie müssen so etwas wie readonly = "readonly" in dem Objekt haben, mit dem Sie arbeiten, wenn Sie möchten, dass es nicht bearbeitet werden kann. Und wenn Sie möchten, dass es wieder bearbeitet werden kann, haben Sie nicht so etwas wie readonly = '' (dies ist kein Standard, wenn ich es richtig verstanden habe). Sie müssen das Attribut wirklich als Ganzes entfernen.

Wenn Sie jquery verwenden, ist es sinnvoll, es hinzuzufügen und zu entfernen.

Stellen Sie etwas schreibgeschützt ein:

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

Schreibgeschützt entfernen:

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

Dies war die einzige Alternative, die wirklich für mich funktioniert hat. Ich hoffe es hilft!

.attr('readonly', 'readonly')sollte den Trick machen. Sie geben .attr('readonly')nur den Wert zurück, es wird kein Wert festgelegt.

Ich denke, "deaktiviert" schließt die Eingabe vom POST aus

Sie können die schreibgeschützte Funktion mithilfe von .removeAttr deaktivieren.

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

Zum Aktivieren von Readonly:

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

Zum Deaktivieren von Readonly

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

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

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>

Für jQuery Version <1.9:

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

Für jQuery-Version> = 1.9:

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