Jquery 如何从当前元素中删除活动类

Jquery 如何从当前元素中删除活动类,jquery,html,Jquery,Html,我有四个按钮,分别是PASS、FAIL、BLOCKED和ALL(默认情况下,当单击其他按钮时,它将处于活动状态,默认活动类将被删除)。我试图删除活动类时,所有三个按钮(通过,失败,阻止)都被单击,并将活动类添加到所有按钮。但问题是它仅从最初单击的两个按钮中删除活动类,而无法从最近单击的按钮中删除活动类 我的HTML代码: <div id="select1" class="btn-group" style="padding-top:5px;" data-toggle="buttons">

我有四个按钮,分别是PASS、FAIL、BLOCKED和ALL(默认情况下,当单击其他按钮时,它将处于活动状态,默认活动类将被删除)。我试图删除活动类时,所有三个按钮(通过,失败,阻止)都被单击,并将活动类添加到所有按钮。但问题是它仅从最初单击的两个按钮中删除活动类,而无法从最近单击的按钮中删除活动类

我的HTML代码:

<div id="select1" class="btn-group" style="padding-top:5px;" data-toggle="buttons">
    <label id="pass" class="same btn btn-primary">
        <input type="checkbox" class="ScenarioFilter" value="pass"> Passed
    </label>
    <label id="fail" class="same btn btn-primary">
        <input type="checkbox" class="ScenarioFilter" value="fail"> Failed
    </label>
    <label id="blocked" class="same btn btn-primary">
        <input type="checkbox" class="ScenarioFilter" value="blocked"> Blocked
    </label>
    <label id="grp1" class="btn btn-primary active">
        <input type="checkbox" id="ScenarioDefault" value="default"> All
    </label>
</div>
$("#select1 input:checkbox").change(function() {
    ScenarioFilters.length = 0;
    var selected = $(this).select().val();

    $("#select1 input:checked").each(function() {
        if ($(this).val() != 'default') {
            ScenarioFilters.push($(this).val());
        }
    });

    $('#ScenarioDefault').removeAttr('disabled');
    if (ScenarioFilters.length > 0) {
        if (selected == 'default') {    
            $(this).addClass("active");
            $('.same').removeClass("active");
            $('.ScenarioFilter').removeAttr('checked');
        } else if (selected != 'default') {
            if (ScenarioFilters.length > 3) {
                $('.same').removeClass("active");
                $('.ScenarioFilter').removeAttr('checked');
                $(this).removeClass('active');            //Not working
                $("#grp1").addClass("active");
                $('#ScenarioDefault').attr('checked', 'checked');
            } else {
                $("#grp1").removeClass("active");
                $('#ScenarioDefault').removeAttr('checked');
            }
        }
    } else {
        console.log('fkme');
        $("#grp1").addClass("active");
        $('#ScenarioDefault').attr('checked', 'checked');
        $('#ScenarioDefault').attr('disabled', 'disabled');
    }

});

使用切换类感谢它的工作。。