title: How to change the background color of input text inside a table row when a checkbox is checked
body: <p>I want to change the background color of input text/textarea containing inside a td of a table row, the data is coming from database, each row contains checkbox so when the checkbox is clicked the background color of the input text will change. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#myTable .nrml').click(function() {
    var currentRow = $(this).closest("tr");
    var col4 = currentRow.find("td:eq(1)").html();
    alert(col4);
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;table border='1' id="myTable"&gt;
    &lt;tr&gt;
  
      &lt;th&gt;Parameter&lt;/th&gt;
      &lt;th&gt;Result&lt;/th&gt;
      &lt;th&gt;Normal&lt;/th&gt;
      &lt;th&gt;Abornaml Values&lt;/th&gt;
      &lt;th&gt;Normal Values&lt;/th&gt;
      &lt;th&gt;Critical Values&lt;/th&gt;
  
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Glucose&lt;/td&gt;
      &lt;td&gt;&lt;input class="txtbox" type="text"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" class="nrml"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" class="abnrml"&gt;&lt;/td&gt;
      &lt;td&gt;60-80&lt;/td&gt;
      &lt;td&gt;110-120&lt;/td&gt;
  
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Lipid&lt;/td&gt;
      &lt;td&gt;&lt;input class="txtbox" type="text"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" class="nrml"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" class="abnrml"&gt;&lt;/td&gt;
      &lt;td&gt;55-90&lt;/td&gt;
      &lt;td&gt;100-180&lt;/td&gt;
  
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Keratine&lt;/td&gt;
      &lt;td&gt;&lt;input class="txtbox" type="text"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" class="nrml"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" class="abnrml"&gt;&lt;/td&gt;
      &lt;td&gt;10-15&lt;/td&gt;
      &lt;td&gt;16-20&lt;/td&gt;
  
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Pressusre&lt;/td&gt;
      &lt;td&gt;&lt;textarea&gt;&lt;/textarea&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" class="nrml"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" class="abnrml"&gt;&lt;/td&gt;
      &lt;td&gt;10-15&lt;/td&gt;
      &lt;td&gt;16-20&lt;/td&gt;
  
    &lt;/tr&gt;
  
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>