Jquery返回单选按钮组的错误选定索引

Question

我正在使用bootstrap并有一个单选按钮组。当用户单击单选按钮时，我需要获取他/她选择的按钮的索引。我的fiddle返回错误的值。它不是新选择的索引，而是获取先前选择的索引。我该如何纠正？

<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);
});