title: HTML Checkbox Click() Return FALSE or TRUE instead of READONLY or DISABLED using jQuery
body: <p>Since I don't have enough points to leave a comment, I must ask a question. The situation I'm referencing can be seen here <a href="https://stackoverflow.com/a/3027466/2748356">LINK</a>. And I promise that I've Googled for hours before posting a question. </p>
  
  <p>I'm trying to be able to "toggle" HTML checkboxes to be readonly. Here is where I am so far. </p>
  
  <ol>
  <li>"DISABLED" is NOT an option. It won't post with the form.  </li>
  <li>"READONLY" is NOT really readonly. It may gray-out, but it can still be clicked. </li>
  <li>The only thing that seems to work is what the <a href="https://stackoverflow.com/a/3027466/2748356">LINK</a> refers to and that is applying READONLY to the checkboxes and then some jQuery like:
  <code>$(':checkbox[readonly=readonly]').click(function(){return false;});</code> or <code>$(':checkbox[readonly=readonly]').click(function(){return true;});</code>
  
  <ul>
  <li>I've also messed around with swapping classes in case there was something limiting about the readonly attribute.</li>
  </ul></li>
  </ol>
  
  <p><strong>THE PROBLEM</strong> is that whatever the first setting becomes (TRUE or FALSE) is what it stays like until the page is refreshed. I <strong>can't</strong> re-enable the checkboxes simply by running the other statement to return the opposite (FALSE or TRUE). </p>
  
  <p><strong>QUESTIONS</strong></p>
  
  <ol>
  <li>Is there a way to be able to toggle the RETURN (TRUE or FALSE) for the .click event?</li>
  <li>Is there another alternative for toggling the ability to check the checkboxes? </li>
  </ol>
  
  <p>Thanks a bunch. </p>