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