Jquery 如何基于使用多个css类选中的复选框过滤除法器

Jquery 如何基于使用多个css类选中的复选框过滤除法器,jquery,html,css,Jquery,Html,Css,假设我有两个复选框 一个复选框的id为myCheckboxOne,另一个复选框的id为myCheckboxTwo。两个复选框都有class复选框 然后我有一个类为myCheckboxOne-div myCheckboxTwo-div的除法器 我在每个.checkbox类上使用jQuery运行一个$.each循环 如果选中第一个复选框,它将获取ID值,即myCheckboxOne,它将使用类myCheckboxOne div显示分隔符,否则将隐藏它 但是,如果第二个复选框未选中,它将获得ID值,即

假设我有两个复选框

一个复选框的id为
myCheckboxOne
,另一个复选框的id为
myCheckboxTwo
。两个复选框都有class
复选框

然后我有一个类为
myCheckboxOne-div myCheckboxTwo-div
的除法器

我在每个
.checkbox
类上使用jQuery运行一个
$.each
循环

如果选中第一个复选框,它将获取ID值,即
myCheckboxOne
,它将使用类
myCheckboxOne div
显示分隔符,否则将隐藏它

但是,如果第二个复选框未选中,它将获得ID值,即
myCheckboxTwo
,它将使用类
myCheckboxTwo div
隐藏分隔符,这意味着它将覆盖第一个决定

我想找到一种方法,在至少选中一个与类名匹配的复选框时,保持分隔符显示

$(文档).ready(函数(){
$(文档).on('click','check',chkBtns);
函数chkBtns(){
变量箱;
var i=0;
$(“.check”)。每个(函数(索引){
idboxes=“.”+$(this).attr(“id”)+“-div”//raul-dot是类
如果($(this).is(':checked')){
//警报(“测试”);
$(“label[for=“+$(this).attr(“id”)+“]”)css(“背景色”,“#fdb813”);
$(“label[for=“+$(this).attr(“id”)+“]”)css(“color”,“#000”);
i++;
$(IDbox.show();
//警报(IDbox);
}
其他的
{
$(“label[for=“+$(this).attr(“id”)+“]”)removeAttr('style');
//如果至少找到了非“类”
$(IDbox.hide();
}
});
/*如果未选中任何复选框,请重置div*/
如果(i==0){
$(“.all”).show();
}
}//函数
});
.lbl全部{
背景色:#bbb;
填充:7px;
边界半径:5%;
}

文件
我的第一个复选框
我的第二个复选框
原子吸收光谱
第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一第一


秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒秒
更新:

我依赖于有点草率的代码,但目前有效的方法是检查当前元素是否具有另一个类的类

有关完整版本,请参阅my Codepen:

///dev-code////////////
如果($(“.check aas”).is(“:checked”)){
if($(idboxes).hasClass('aascheckbox-div')){
//做点什么
i++;
$(IDbox.show();
//警报(IDbox);//开发警报
}
}
更新:

我依赖于有点草率的代码,但目前有效的方法是检查当前元素是否具有另一个类的类

有关完整版本,请参阅my Codepen:

///dev-code////////////
如果($(“.check aas”).is(“:checked”)){
if($(idboxes).hasClass('aascheckbox-div')){
//做点什么
i++;
$(IDbox.show();
//警报(IDbox);//开发警报
}

}
您缺少一个
})在else语句之后。您还需要删除括号
在代码中的else之后(您缺少一个
在else语句之后。你还需要删除括号
在你代码中的else之后如果你添加代码片段,那么我认为你最好添加整个代码…如果你添加代码片段,那么我认为你最好添加整个代码。。。