title: Making a row editable based on a checkbox in HTML
body: <p>I have a table in HTML. The contents of this table are dynamically populated. Every row of the table has text boxes and one checkbox. When the page is loaded, all the text boxes in the rows will be in a read-only state. </p>
  
  <p>Now, i want to change the state of the text boxes in a particular row to editable, if the check-box in that row is selected. Also, the text boxes should be made read-only if the check box is de-selected.</p>
  
  <p>How could I accomplish this using Javascript? Please help me.</p>