title: How to only have one checkbox checked at a time?
body: <p>I want to figure out how to only have one <code>checkbox</code> checked at a time, I wish to do it with a function, and without <code>radio</code>s as that's not the style I am trying to go for. </p>
  
  <p><strong>My code is as follows :</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function check(c01)
  {
    if((this).is(":checked") == true)
    {
      c02 = false;
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="checkbox" name="creditCheck" id="c01" value="Yes" onclick="check(c01);" /&gt;Yes
  &lt;input type="checkbox" name="creditCheck" id="c02" value="No"  onclick= "check(c02);" /&gt;No'</code></pre>
  </div>
  </div>
  </p>