title: Jquery: disable the 'click' event on a checkbox
body: <p>In my current JQuery, I have an event that will either check or uncheck a checkbox if the user clicks on a row in a table. The problem with this is, if the user actually checks the checkbox, the jquery will fire on the checkbox event and either check/uncheck the box, but then the TR event will fire and then undo the checkbox value.</p>
  
  <p>See an example here: <a href="http://jsfiddle.net/radi8/KYvCB/1/" rel="nofollow">http://jsfiddle.net/radi8/KYvCB/1/</a></p>
  
  <p>I can disable the checkbox but then if the user tries to select the checkbox, the TR event will not trigger.</p>
  
  <p>What I need is a method to disable the 'click' event of the checkbox but still allow the TR event to fire when the checkbox is selected.</p>
  
  <pre><code>var charges = {
      init: function() {
          // get the selected row checkbox
          //$('.charges').attr('disabled', true);
          $('.rowclick tr').click(function() {
              if ($(this).find('td input.charges:checkbox').is(':checked')) {
                  $(this).find('td input.charges:checkbox').attr("checked", false);
              }
              else {
                  $(this).find('td input.charges:checkbox').attr("checked", true);
              }
          });
      }
  };
  charges.init();
  </code></pre>