jquery drill down version 2
<p>Given the following HTML output from my aspx page, which displays a checkboxlist;</p>

<pre><code> &lt;div id="selectContainer" class="wrapper" &gt;

    &lt;div id="cbxArea" class="checkbox"&gt;

       &lt;table id="ChartstoDisplay" style="border-color:DimGray;border-width:2px;border-style:Solid;width:300px;"&gt;

&lt;tr&gt;

    &lt;td&gt;&lt;input id="ChartstoDisplay_0" type="checkbox" name="ctl00$MainContent$ChartstoDisplay$ChartstoDisplay_0" value="Selected Year Cumulative P/L" /&gt;&lt;label for="ChartstoDisplay_0"&gt;Selected Year Cumulative P/L&lt;/label&gt;&lt;/td&gt;

&lt;/tr&gt;&lt;tr&gt;

    &lt;td&gt;&lt;input id="ChartstoDisplay_1" type="checkbox" name="ctl00$MainContent$ChartstoDisplay$ChartstoDisplay_1" value="Month by Month P/L for selected year" /&gt;&lt;label for="ChartstoDisplay_1"&gt;Month by Month P/L for selected year&lt;/label&gt;&lt;/td&gt;

&lt;/tr&gt;&lt;tr&gt;

    &lt;td&gt;&lt;input id="ChartstoDisplay_2" type="checkbox" name="ctl00$MainContent$ChartstoDisplay$ChartstoDisplay_2" value="All Commodities P/L for selected year" /&gt;&lt;label for="ChartstoDisplay_2"&gt;All Commodities P/L for selected year&lt;/label&gt;&lt;/td&gt;

&lt;/tr&gt;&lt;tr&gt;

    &lt;td&gt;&lt;input id="ChartstoDisplay_3" type="checkbox" name="ctl00$MainContent$ChartstoDisplay$ChartstoDisplay_3" value="Current Month&amp;#39;s P/L by Commodity" /&gt;&lt;label for="ChartstoDisplay_3"&gt;Current Month's P/L by Commodity&lt;/label&gt;&lt;/td&gt;

&lt;/tr&gt;&lt;tr&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I am trying to change the class of the individual item when it is selected. I am having trouble getting my jquery to find the right object to change the class of. Here is my latest iteration.</p>

<pre><code> $('#ChartstoDisplay').change(
          function () {
              $('#ChartstoDisplay').each(function () {
                 $(this).is(':checked').$('label').toggleclass("selected");
              });
          });
</code></pre>

<p>I also tried this way</p>

<pre><code> $('#ChartstoDisplay').change(
          function () {
              $('#ChartstoDisplay').each(function () {
                 $(this).is(':checked').$('label').attr.add('style',"color:darkgreen;");
              });
          });
</code></pre>

<p>Here is the completed script working in it's entirety</p>

<pre><code> //this script will change the style of the "Select All" checkbox and make visible the "Build Chart" button
  $(document).ready(function () {
      $('#ChartstoDisplayAll').change(
          function () {
              if ($('#ChartstoDisplayAll').is(':checked')) {
                  $(this).next().addClass("selected");
                  $('#buttons').addClass("buttonsshow").removeClass('buttonshide');
                  $("#cbxArea input[type=checkbox]").each(function () {
                      $(this).prop("checked", true);
                      $(this).siblings("label").toggleClass("selected");
                  });
              } else {
                  $('#buttons').addClass("buttonshide").removeClass('buttonsshow');
                  $(this).next().removeClass("selected");
                  $("#cbxArea input[type=checkbox]").each(function () {
                      $(this).prop("checked", false);
                      $(this).siblings("label").removeClass("selected");
                  });
              }
          });
  });
</code></pre>
