2

有没有办法将 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();
});​
4

1 回答 1

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/

于 2012-11-15T03:16:55.923 回答