当选中复选框值时，将jQuery UI复选框选择限制为一个，并更新文本框

Question

有没有办法将jQuery UI复选框选择限制为一个？其次，一旦复选框选择被限制为一个，是否有办法用用户选择的任何值更新复选框的内容？

目前我复选框允许多选，这里是到目前为止我的代码：http://jsfiddle.net/wDbUF/1/

HTML

<input type="text" style="border: 0; color: #000; background-color: #fff; font-size: 12px;" disabled="disabled" value="None" class="check"/> 
<div id="format"> 
    <input type="checkbox" id="check1"/><label for="check1">1</label> 
    <input type="checkbox" id="check2" /><label for="check2">2</label> 
    <input type="checkbox" id="check3" /><label for="check3">3</label> 
    <input type="checkbox" id="check4" /><label for="check4">4</label> 
    <input type="checkbox" id="check5" /><label for="check5">5</label> 
    <input type="checkbox" id="check6" /><label for="check6">6</label> 
</div> 

JS

$(function() { 
    $("#check").button(); 
    $("#format").buttonset(); 
});​ 

Answer 1

更改输入类型从checkbox到radio。这应该能解决你的问题。也给出了name属性，它应该是相同的所有radio投入，

<input type="text" style="border: 0; color: #000; background-color: #fff; font-size: 12px;" disabled="disabled" value="None" class="check"/> 

<div id="format"> 
    <input type="radio" name="check" id="check1"/><label for="check1">1</label> 
    <input type="radio" name="check" id="check2" /><label for="check2">2</label> 
    <input type="radio" name="check" id="check3" /><label for="check3">3</label> 
    <input type="radio" name="check" id="check4" /><label for="check4">4</label> 
    <input type="radio" name="check" id="check5" /><label for="check5">5</label> 
    <input type="radio" name="check" id="check6" /><label for="check6">6</label> 
</div> 
​ 

演示：http://jsfiddle.net/wDbUF/4/