title: Change Label Background Color When Checkbox Checked
body: <p>I need help about this code please, how can i make the whole label's background color change when i check the checkbox ?
  I want the whole td or  change it's background when the checkbox checked</p>
  <p>I think I can do it by using css only</p>
  <p><a href="https://codepen.io/Haitham1000/pen/ZEWPMeY" rel="nofollow noreferrer">https://codepen.io/Haitham1000/pen/ZEWPMeY</a></p>
  <pre class="lang-html prettyprint-override"><code>&lt;table class=&quot;choices&quot;&gt;
    &lt;tr&gt;
      &lt;td&gt;
        &lt;div class=&quot;checkbox&quot;&gt;
          &lt;label&gt;&lt;input type=&quot;checkbox&quot; value=&quot;&quot;&gt;All categories&lt;/label&gt;
        &lt;/div&gt;
      &lt;/td&gt;
  
      &lt;td&gt;
        &lt;div class=&quot;checkbox&quot;&gt;
          &lt;label&gt;&lt;input type=&quot;checkbox&quot; value=&quot;&quot;&gt;1&lt;/label&gt;
        &lt;/div&gt;
      &lt;/td&gt;
  
      &lt;td&gt;
        &lt;div class=&quot;checkbox disabled&quot;&gt;
          &lt;label&gt;&lt;input type=&quot;checkbox&quot; value=&quot;&quot; disabled&gt;2&lt;/label&gt;
        &lt;/div&gt;
      &lt;/td&gt;
  
      &lt;td&gt;
        &lt;div class=&quot;checkbox&quot;&gt;
          &lt;label&gt;&lt;input type=&quot;checkbox&quot; value=&quot;&quot;&gt;3&lt;/label&gt;
        &lt;/div&gt;
      &lt;/td&gt;
  
      &lt;td&gt;
        &lt;div class=&quot;checkbox&quot;&gt;
          &lt;label&gt;&lt;input type=&quot;checkbox&quot; value=&quot;&quot;&gt;4&lt;/label&gt;
        &lt;/div&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>