jQueryで複数選択不可のチェックボックスをつくる

目的

• デフォルトでは１つ目にチェック
• 片方選んだら片方のチェックボックスは外れる
• ラベルでもチェックはつけれる

コード

index.html

<input type="checkbox" class="checkbox" id="first" checked><label for="pre">１つ目</label>
<input type="checkbox" class="checkbox" id="second"><label for="deferred">２つ目</label>

common.js

$(".checkbox").on("click", function(){
        $('.checkbox').prop('checked', false);  //  全部のチェックを外す
        $(this).prop('checked', true);  //  押したやつだけチェックつける
});

日本語リファレンスによると、.prop()は

属性プロパティに値を設定、または設定されている値を取得します。