title: Jquery checkbox inside div checked one at time
body: <p>So i have a div thats auto generated and inside are 3 check boxes with different id's &amp; names and by default none of them are checked!! If one happens to get checked then i need the other two unchecked!! </p>
  
  <p>So only one can be checked at a time ...</p>
  
  <p>So all unchecked or only one checked!</p>
  
  <pre><code>&lt;div class="configoptions"&gt;
      &lt;table class="configtable" cellpadding="0" cellspacing="0" width="100%"&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td class="fieldlabel"&gt;Include:&lt;/td&gt;
                  &lt;td class="fieldarea"&gt;
                      &lt;label&gt;&lt;input name="configoption[10]" id="co30" value="1" onclick="recalc()" type="checkbox"&gt;green&lt;/label&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td class="fieldlabel"&gt;Include:&lt;/td&gt;
                  &lt;td class="fieldarea"&gt;
                      &lt;label&gt;&lt;input name="configoption[9]" id="co27" value="1" onclick="recalc()" type="checkbox"&gt;blue&lt;/label&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td class="fieldlabel"&gt;Include:&lt;/td&gt;
                  &lt;td class="fieldarea"&gt;
                      &lt;label&gt;&lt;input name="configoption[11]" id="co31" value="1" onclick="recalc()" type="checkbox"&gt;white&lt;/label&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is what i used to uncheck all divs on page ready.. since initially i need them unchecked.. that works great... now i need to make it so only one is check at a time if it is checked! Can someone gimme a hand,? Thx in advance!</p>
  
  <pre><code>$(document).ready(function() {
      $('input[type=checkbox]').each(function() {
          this.checked = false;
      });
  });
  </code></pre>