Bagaimana cara menambahkan atribut "readonly" ke <input>?

Bagaimana saya bisa menambahkan readonlyke spesifik <input>? .attr('readonly')tidak bekerja.

jQuery <1.9

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

jQuery 1.9+

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

Baca lebih lanjut tentang perbedaan antara prop dan attr

Gunakan $ .prop ()

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

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

Readonly adalah atribut yang didefinisikan dalam html, jadi perlakukan itu seperti atribut.

Anda perlu memiliki sesuatu seperti readonly = "readonly" pada objek yang Anda kerjakan jika Anda ingin itu tidak dapat diedit. Dan jika Anda ingin dapat diedit lagi Anda tidak akan memiliki sesuatu seperti readonly = '' (ini bukan standar jika saya mengerti dengan benar). Anda benar-benar perlu menghapus atribut secara keseluruhan.

Dengan demikian, saat menggunakan jquery menambahkan dan menghapusnya adalah hal yang masuk akal.

Atur sesuatu hanya baca:

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

Hapus hanya baca:

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

Ini adalah satu-satunya alternatif yang benar-benar bekerja untuk saya. Semoga ini bisa membantu!

.attr('readonly', 'readonly')harus melakukan trik. Anda .attr('readonly')hanya mengembalikan nilai, itu tidak menetapkan satu.

Saya pikir "dinonaktifkan" mengecualikan input dari yang dikirim pada POST

Anda dapat menonaktifkan readonly dengan menggunakan .removeAttr;

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

Untuk mengaktifkan readonly:

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

Untuk menonaktifkan baca saja

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

Gunakan properti setAttribute. Perhatikan dalam contoh bahwa jika pilih 1 menerapkan atribut readonly pada kotak teks, jika tidak hapus atribut 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>

Untuk versi jQuery <1.9:

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

Untuk versi jQuery> = 1.9:

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