Jak dodać atrybut „tylko do odczytu” do <wejścia>?

Jak mogę dodać readonlydo konkretnego <input>? .attr('readonly')nie działa.

jQuery <1.9

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

jQuery 1.9+

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

Przeczytaj więcej o różnicy między rekwizytem a attr

Użyj $ .prop ()

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

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

Readonly jest atrybutem zdefiniowanym w html, więc traktuj go jak jeden.

Musisz mieć coś takiego jak readonly = "readonly" w obiekcie, z którym pracujesz, jeśli nie chcesz, aby można go było edytować. A jeśli chcesz, aby można go było ponownie edytować, nie będziesz mieć czegoś takiego jak readonly = '' (to nie jest standard, jeśli dobrze zrozumiałem). Naprawdę musisz usunąć atrybut jako całość.

Jako taki, przy użyciu jquery dodawanie i usuwanie go ma sens.

Ustaw coś tylko do odczytu:

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

Usuń tylko do odczytu:

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

To była jedyna alternatywa, która naprawdę dla mnie zadziałała. Mam nadzieję, że to pomoże!

.attr('readonly', 'readonly')powinien załatwić sprawę. Twój .attr('readonly')zwraca tylko wartość, nie ustawione.

Myślę, że „wyłączone” wyklucza wysyłanie danych wejściowych przez POST

Możesz wyłączyć tylko do odczytu, używając .removeAttr;

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

Aby włączyć tylko do odczytu:

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

Do wyłączania tylko do odczytu

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

Użyj właściwości setAttribute. Zauważ w przykładzie, że jeśli wybierzesz 1, zastosuj atrybut tylko do odczytu w polu tekstowym, w przeciwnym razie usuń atrybut tylko do odczytu.

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>

Dla wersji jQuery <1.9:

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

Dla wersji jQuery> = 1.9:

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