Jquery 选中“更改类别”复选框

我的问题最好用一个例子来说明。我正在使用jQuery在HTML中设置复选框的样式。我的问题是class

customCheckboxChecked

的复选框。当下拉菜单打开时，我想检查这个类。但是当我检查其他类时，这个类必须删除

这是我的密码

$（函数（）{
var checkboxs=$（'input[type=checkbox]'）；
var chboxArr=[]；
复选框。每个（函数（）{
$（此）.wrap（“”）；
});
checkboxs.change（函数（）{
var$this=$（this）；
如果（$this.is（':checked'））{
$this.parent（）.addClass（'customCheckboxChecked-amod'）；
}否则{
var indexX=chboxArr.indexOf（$this.val（））；
$this.parent（）.removeClass（'customCheckboxChecked-amod'）；
}
});
});
$（'input.checked titles'）。在（'change'，function（）上{
$（'input.checked titles'）.not（this）.prop（'checked'，false）；
});
$（函数（）{
$（'：复选框[名称=切换]）。单击(
函数（）{
$（'.titles-content'）.slideToggle（'normal'）；
}
);
});
.custom复选框{
边际上限：0px；
边缘底部：10px；
}
.自定义复选框{
宽度：100%；
高度：19px；
}
.自定义复选框{
宽度：13px；
高度：13px；
浮动：左；
位置：相对位置；
边界半径：3px；
顶部：0px；
边框：1px实心#B2B2B2；
溢出：隐藏；
}
.customCheckbox.customCheckboxChecked-amod{
位置：相对位置；
背景色：红色；
边界半径：3px；
}
.自定义复选框输入{
不透明度：0；
光标：指针；
z指数：5；
宽度：100%；
身高：100%；
显示：块；
位置：绝对位置；
排名：0；
左：0；
}
.自定义复选框标签{
字体大小：14px；
字体系列：“开放式Sans”，无衬线；
字体大小：400；
颜色：#3D4045；
边缘顶部：2倍；
左边距：0px；
}
.标题应用程序{
左边距：15px；
}
.标题和内容{
显示：无；
}
.标题应用程序所有{
背景色：红色；
}

你好
你好
标题
全部的
子类别
子类别
你好
您为“All”复选框指定了一个特定的类：
。选中了标题
，这很好，只是这个类名有点混乱

为什么不给这些子类别一个类呢？您可以取消选中“全部”

请注意，将所有代码放在同一个
$（function（）{…}）中，这是一个“文档就绪”处理程序

以下是您的代码更新：


$（函数（）{
var checkboxs=$（'input[type=checkbox]'）；
var chboxArr=[]；
复选框。每个（函数（）{
$（此）.wrap（“”）；
});
checkboxs.change（函数（）{
var$this=$（this）；
如果（$this.is（':checked'））{
$this.parent（）.addClass（'customCheckboxChecked-amod'）；
}否则{
var indexX=chboxArr.indexOf（$this.val（））；
$this.parent（）.removeClass（'customCheckboxChecked-amod'）；
}
});
//标题上的滑块切换效果
$（'[name=toggle]'）。单击（函数（）{
$（'.titles-content'）.slideToggle（'normal'）；
$（'.titles-content'）。查找（“[type='checkbox']”）。每个（函数（）{
$（this.prop（“选中”），true.trigger（“更改”）；
});
});
//“全部选中”是选中所有其他复选框
$（'.checked titles'）。在（'change'，function（）上{
如果（$（this）.is（“：checked”））{
$（“.titles内容[type='checkbox']”）。不是（此）。每个（函数（）{
$（this.prop（'checked'，true）.trigger（“change”）；
});
}
});
//取消选中子类别也取消选中“全部”
$（“.titles sub”）。关于（“更改”，函数（）{
如果（！$（this）.is（“：checked”））{
$（'.checked titles'）.prop（“checked”，false）.trigger（“change”）；
}
})
});//结束就绪
.custom复选框{
边际上限：0px；
边缘底部：10px；
}
.自定义复选框{
宽度：100%；
高度：19px；
}
.自定义复选框{
宽度：13px；
高度：13px；
浮动：左；
位置：相对位置；
边界半径：3px；
顶部：0px；
边框：1px实心#B2B2B2；
溢出：隐藏；
}
.customCheckbox.customCheckboxChecked-amod{
位置：相对位置；
背景色：红色；
边界半径：3px；
}
.自定义复选框输入{
不透明度：0；
光标：指针；
z指数：5；
宽度：100%；
身高：100%；
显示：块；
位置：绝对位置；
排名：0；
左：0；
}
.自定义复选框标签{
字体大小：14px；
字体系列：“开放式Sans”，无衬线；
字体大小：400；
颜色：#3D4045；
边缘顶部：2倍；
左边距：0px；
}
.标题应用程序{
左边距：15px；
}
.标题和内容{
显示：无；
}
.标题应用程序所有{
背景色：红色；
}

你好
你好
标题
全部的
子类别
子类别
你好
我不太清楚您在问什么，但似乎您正在尝试在下拉列表中使用事件侦听器，因此当单击它时，您希望所有名为“chbox”的复选框添加“customCheckboxChecked”类，对吗？是，但是我只想让div中第一个具有类标题内容的子级得到一个类customCheckboxChecked。