title: Limit jQuery UI checkbox selection to one and updating textbox when checkbox value is selected
body: <p>Is there a way to limit the jQuery UI checkbox selection to one?</p>
  
  <p>Secondly, once checkbox selection has been limited to one, is there a way to update the content of the checkbox with whatever value the user has selected?</p>
  
  <p>Currently my checkbox is allowing for multi-selection, here is my code so far: <a href="http://jsfiddle.net/wDbUF/1/" rel="nofollow">http://jsfiddle.net/wDbUF/1/</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input type="text" style="border: 0; color: #000; background-color: #fff; font-size: 12px;" disabled="disabled" value="None" class="check"/&gt;
  &lt;div id="format"&gt;
      &lt;input type="checkbox" id="check1"/&gt;&lt;label for="check1"&gt;1&lt;/label&gt;
      &lt;input type="checkbox" id="check2" /&gt;&lt;label for="check2"&gt;2&lt;/label&gt;
      &lt;input type="checkbox" id="check3" /&gt;&lt;label for="check3"&gt;3&lt;/label&gt;
      &lt;input type="checkbox" id="check4" /&gt;&lt;label for="check4"&gt;4&lt;/label&gt;
      &lt;input type="checkbox" id="check5" /&gt;&lt;label for="check5"&gt;5&lt;/label&gt;
      &lt;input type="checkbox" id="check6" /&gt;&lt;label for="check6"&gt;6&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$(function() {
      $( "#check" ).button();
      $( "#format" ).buttonset();
  });​
  </code></pre>