jQuery Read-Only Input Field

Sam Deering
Share

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.

HTML

Add read-only with jQuery

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

Remove read-only with jQuery

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

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