bootstrap类激活标签作为按钮复选框不起作用

Question

的HTML

<div class="btn-group" data-toggle="buttons-checkbox">
    <label class="btn" for="id_bar">
        <input type="checkbox" name="bar" value="1" id="id_bar" />
        Bar
    </label>
    <label class="btn" for="id_open">
        <input type="checkbox" name="open" value="1" id="id_open" />
        Open now
    </label>
</div>  

脚本

var searchForm = $('.main-search-form');
var labels = $(searchForm).find('label');
try {
    $(labels).on({
        click: function () {
            var item = $(this).children('input[type=checkbox]').parent();
            $(item).addClass('active');
            alert('test');
        }
    });
} catch (e) {
    alert(e);
}

疑问

我正在使用 twitter bootstrap。点击标签时，显然测试文字会弹出警报，在此期间标签的类别为有效但是一旦我关闭警告框，标签类活动就会消失，请帮助

Answer 1

我想出来了，

<div class="btn-group" data-toggle="buttons-checkbox">

刚删除属性数据切换，现在一切正常

但是toggleClass方法再次无效，