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