title: Disable button if all checkboxes are unchecked and enable it if at least one is checked
body: <p>I have a table with a checkbox in each row and a button below it. I want to disable the button if at least one checkbox is checked.</p>
  
  <pre><code>&lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;input class="myCheckBox" type="checkbox"&gt;&lt;/input&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;button type=submit id="confirmButton"&gt; BUTTON &lt;/button&gt;
  </code></pre>
  
  <p>The jQuery I came up with to accomplish this is the following:</p>
  
  <pre><code>$('tbody').click(function () {
      $('tbody tr').each(function () {
          if ($(this).find('.myCheckBox').prop('checked')) {
              doEnableButton = true;
          }
          if (!doEnableButton) {
              $('#confirmButton').prop('disabled', 'disabled')
          }
          else {
              $('#confirmButton').removeAttr("disabled");
          }
      });
  });
  </code></pre>
  
  <p>Naturally, this does not work. Otherwise I would not be here. What it does do is only respond to the lowest checkbox (e.g., when the lowest button is checked/unchecked the button is enabled/disabled).</p>
  
  <p>I made a JSFIddle <a href="http://jsfiddle.net/fHKJ3/" rel="noreferrer">here</a> although it does not show the same behaviour as locally.</p>
  
  <p>Does any know how I can accomplish that it responds to all checkboxes and disables the button if they are ALL disabled?</p>