̃Gg[͂ĂȃubN}[Nɒlj

jQuery :: チェックボックスをラジオボタンのように振舞わせる



<script type="text/javascript" src="/path/to/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $("input[id^='chkbox_']").click(function(){
            var flag = $(this).attr('checked');
            $("input[id^='chkbox_']").attr('checked', false);
            if (flag) $(this).attr('checked', true);
        });
    });
</script>
 
<input type="checkbox" name="chkbox[]" value="1" id="chkbox_1"> 1<br>
<input type="checkbox" name="chkbox[]" value="2" id="chkbox_2"> 2<br>
<input type="checkbox" name="chkbox[]" value="3" id="chkbox_3"> 3<br>

デモ

1
2
3

挙動

  • ラジオボタンと同じように、単一の値しか選択できない。
  • ただし、選択済み項目をチェックすると選択解除される。









programming/javascript/jquery/checkbox_like_radio.txt