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 need to set readOnly property of element to false

You can use document.getElementById(), it reference to the element by its ID

HTML, Here I have added id to elements

JavaScript, Here you can see readOnly property to false.

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

DEMO

Additionally, I would suggest you to use 'type="button"' instead of type="submit"