title: I have multiple <td> with the checkbox and its values.I want to change colour of <td>
body: <p>Below is my HTML code which contains multiple checkboxes with the respective values in <code>&lt;td&gt;</code>. I got the values of clicked checkboxes through php which is an array format <code>$res[]</code>. I want to make the  checkbox disappear of which i got values and make the <code>&lt;td&gt;</code> background color to red with the value of checkbox visible. I got the values of checkboxes in php as <code>$res[0][seat]=&gt;4;</code> and <code>$res[1][seat]=&gt;1</code> where 4 and 1 are values. How to do this using jQuery?</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;input name="chk" class='chk' type="checkbox" value="1"/&gt;
              &lt;label&gt;1&lt;/label&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td &gt;
              &lt;input name="chk" class='chk' type="checkbox" value="2"/&gt;
              &lt;label&gt;2&lt;/label&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td &gt;
              &lt;input name="chk" class='chk' type="checkbox" value="3"/&gt;
              &lt;label&gt;3&lt;/label&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td &gt;
              &lt;input name="chk" class='chk' type="checkbox" value="4"/&gt;
              &lt;label&gt;4&lt;/label&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>