javascript - ラジオボタングループの間違った選択インデックスを返すJquery

Question

ブートストラップを使用しており、ラジオ ボタン グループがあります。ユーザーがラジオ ボタンをクリックすると、選択したボタンのインデックスを取得する必要があります。私のフィドルは間違った値を返します。新しく選択されたインデックスの代わりに、以前に選択されたインデックスを取得します。どうすれば修正できますか?

<div class="btn-group" data-toggle="buttons-radio">
    <a class="btn btn-link">Index 0</a>
    <a class="btn btn-link active">Index 1</a>
    <a class="btn btn-link">Index 2</a>
</div>

Javascript:

var selected;

$('.btn-group > .btn, .btn[data-toggle="button"]').click(function() {
    selected = $(".btn-group").find(".active").index();
    alert(selected);
});

Answer 1

var selected;

$('.btn-group > .btn, .btn[data-toggle="button"]').click(function() {
    selected = $(this).index();
    alert(selected);
});