チェックボックスで複数選択できないようにするjQuery

チェックボックスで複数選択できてしまっているものを

一つしか選択できないようにするコードが書きたかったので書いてみました＾＾

サンプルコード

HTML

<input class="a" type="checkbox" />赤
<input class="a" type="checkbox" />白
<input class="a" type="checkbox" />黄

jQuery

$(function( ){
  $('.a').on('click', function( ){
    if($(this).prop('checked')){
      $('.a').prop('checked', 'false');
      $(this).prop('checked', 'true');
    }
  });
});

まとめ

ポイントは、複数選択させたくないinputのクラス名に同じものをつけることです。

これで、チェックボックスを複数選択できないようになりました＾＾