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

<script type="text/javascript" src="/path/to/jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $("input[id^='chkbox_']").click(function(){
            var flag = $(this).prop('checked');
            $("input[id^='chkbox_']").prop('checked', false);
            if (flag) $(this).prop('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

挙動

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