jQuery Read-Only Input Field

Sam Deering

Simple jQuery code snippet to make an input field read only so that no-one can change the value of the input field. I’ve not seen this used much around but it was worth knowing.


Add read-only with jQuery

$('input').attr('readonly', true);

Remove read-only with jQuery


Don’t forget to put your jQuery code inside a document ready function. See 4 different jQuery document ready examples for more info.