请教按钮组获取当前选中项疑惑

有一个按钮组,如下:
<div class="btn-group" id="test" data-toggle="buttons">
<label class="btn btn-white btn-inverse btn-sm active">
    <input type="radio" class="toggle" value="1" > radio1
</label>
<label class="btn btn-white btn-inverse btn-sm">
    <input type="radio" class="toggle" value="2"> radio2
</label>
</div>

当按钮点击时会触发一个操作 需要当前点击的按钮的 value值,所以我侦听了按钮组的点击事件
$('#period label').on('click',function(){
$('#period label.active').find('input').val();//这个在另外一个方法内所以这样写
});

但是我取到的value值总是上次选中的按钮, 修改active应该在鼠标事件后才执行好,那想取到正确的value应该怎么做呢?非常感谢
已邀请:

rew1011

赞同来自:

$('#test label').on('click', function () {
            alert($(this).children().val());
        });

不用通过active的class获取,直接jQuery获取就好了。

要回复问题请先登录注册