How to set textbox as read only when editing and enable it when adding new ID in HTML

Question

If I use the below code, will it disable the textbox even if I am inserting a new record?

<input id="code" data-bind="value: Code" name="Code" type="text" placeholder="Your Code" class="form-control input-md" readonly>

Answer 1

You can do it in jQuery using .prop() method.

$('input').prop('readonly', true) to disable the textbox or $('input').prop('readonly', false) to re-enable the textbox

Answer 2

You can use JQuery to change attribute of a control

$("#code").attr("readonly", false); 

Answer 3

jQuery <1.9

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

jQuery 1.9+

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

Add "readonly" to <input > (jQuery)