2

jQuery UI チェックボックスの選択を 1 つに制限する方法はありますか?

第二に、チェックボックスの選択が1つに制限されたら、ユーザーが選択した値でチェックボックスの内容を更新する方法はありますか?

現在、私のチェックボックスは複数選択が可能です。これまでの私のコードは次のとおりです: 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 に答える