Disable readonly to text box onclicking the button

Question

I have used "readonly" attribute to the textbox which makes the textbox non editable and may i know how to disable the readonly attribute on clicking the button. c

Answer 1

You can do two things:

• Remove the readonly (case insensitive) attribute, using removeAttribute
• Set the readOnly (case sensitive) property to false

HTML:

JS (option 1): [Demo]

document.getElementById('myButton').onclick = function() {
    document.getElementById('myInput').removeAttribute('readonly');
};

JS (option 2): [Demo]

document.getElementById('myButton').onclick = function() {
    document.getElementById('myInput').readOnly = false;
};