title: hide div if no check boxes are checked
body: <p>Okay... I will try to simplify this example. What I have is a form with some dynamically created check boxes. This form will be used to insert new records as well as edit existing records. What I would like to do is have a script that checks checkboxes on page load. IF their are zero checked checkboxes then the div that has the button will be hidden. Once the user checks a checkbox, then the button will show. Here is the code that I have.</p>
  
  <p>jQuery</p>
  
  <pre><code>if ($(".uniForm input:checkbox:checked").length &gt; 0) {
      $(".buttonHolder").show(); // any one is checked
  } else {
      $(".buttonHolder").hide(); // none is checked
  }
  </code></pre>
  
  <p>Coldfusion / HTML</p>
  
  <pre><code>&lt;cfform ACTION="about:blank" name="formSend" class="uniForm"&gt;
  
     &lt;cfset i = 1&gt;
  
       &lt;cfloop query="qRooms"&gt;
  
          &lt;cfif variables.active is 1&gt;
  
                 &lt;input type="checkbox" id="checkbox_#i#" name="app_#ApplianceTypeID#_chk" style="width:50px" checked&gt;
  
          &lt;cfelse&gt;
  
                  &lt;input type="checkbox" id="checkbox_#i#" name="app_#ApplianceTypeID#_chk" style="width:50px"&gt;
  
          &lt;/cfif&gt;
  
       &lt;/cfloop&gt;
  
  &lt;/cfform&gt;
  
   &lt;div class="buttonHolder" id="buttonfield"&gt;
         &lt;button type="submit" class="secondaryAction" onClick="window.location='index-10.cfm'; return false;"&gt;Cancel and go back&lt;/button&gt;
          &lt;button type="submit" class="primaryAction"&gt;Submit&lt;/button&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>I think I am close... hust a little confused on the .change event.</p>