Jak dodać atrybut "readonly" do <input>?

Question

Jak dodać readonly do określonego <input>? .attr('readonly') nie działa.

Answer 1

jQuery < 1,9

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

jQuery 1.9+

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

Więcej o difference between prop and attr

Answer 2

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

Answer 3

myślę "wyłączone" wyklucza wejście od wysyłane na stanowisku

Answer 4

Aby włączyć tylko do odczytu:

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

Dla wyłączenie readonly

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

Answer 5

Można wyłączyć tylko do odczytu za pomocą .removeAttr;

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

Answer 6

Zastosowanie $.prop()

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

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

Answer 7

tylko do odczytu jest cechą, jak zdefiniowano w html, to traktuje się jak jeden.

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

Jako takie, przy użyciu jquery dodawanie go i usuwanie jest tym, co ma sens.

Set coś tylko do odczytu:

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

usunąć tylko do odczytu:

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

Była to jedyna alternatywa, że ​​naprawdę pracował dla mnie. Mam nadzieję, że to pomoże!

Answer 8

Użyj właściwości setAttribute. Zwróć uwagę na przykład, że jeśli wybierzesz 1, zastosuj atrybut readonly 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> 

Answer 9

dla jQuery wersji < 1.9:

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

W wersji jQuery> = 1,9:

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