Javascript jQuery中的目标选中复选框

我有一个复选框的HTML、CSS和jQuery代码。但是我最近在HTML结构中做了一些更改，现在jQuery不再工作了。由于我是初学者，我不知道如何解决这个问题

有人可以看一看，让我知道jQuery应该以什么为目标，这样当选中复选框时，它会改变元素的样式吗

$（'.form check'）。单击（函数（）{
$（this）.closest（'.list group item'）.find（'.complete'）.css（'display'，（this.checked）？'none'：'block'）
$（this）.closest（'.list group item'）.find（'.complete'）.css（'display'，（this.checked）？'block'：'none'）
$（this）.closest（'.list group item'）.css（'background-color'，（this.checked）？“#4CAF50'：”）
$（this）.closest（“.list group item”）.find（“.custom control description”）.css（'color'，（this.checked）？“#fff'：”#2c2b2c'）
$（this）.closest（'.list group item'）.find（'.custom control description'）.css（'text-decoration-color'，（this.checked）？“#fff'：'#abababab'）
})

。自定义控制框{
边界半径：50%；
高度：30px；
宽度：30px；
背景色：#fff；
边框：1px纯黑；
位置：绝对位置；
左边距：-50px；
}
.勾选圆圈{
笔划阵列：166；
行程偏移量：166；
笔画宽度：3；
行程限制：10；
行程：1b7e45；
动画：向前划0.6s立方贝塞尔（0.65,0,0.45,1）；
}
.对号{
宽度：30px；
高度：30px；
边界半径：50%；
显示：块；
笔画宽度：5；
冲程：#fff；
行程限制：10；
框阴影：插入0px 0px 0px#1b7e45；
动画：填充。4s慢进慢出。4s向前，缩放。3s慢进慢出。9s两者皆有；
边框：1px实心#4c4d；
}
.checkmark\u检查{
变换原点：50%50%；
行程：48；
行程偏移量：48；
动画：向前划0.3s立方贝塞尔（0.65,0,0.45,1）0.8s；
}
@关键帧笔划{
100% {
笔划偏移：0；
}
}
@关键帧比例{
0%,
100% {
转化：无；
}
50% {
转换：scale3d（1.1,1.1,1）；
}
}
@关键帧填充{
100% {
盒影：插入0px 0px 0px 30px#1b7e45；
}
}
输入[类型=复选框]{
显示：无；
}
输入[类型=复选框]+svg{
显示：无；
}
输入[类型=复选框]：选中+svg{
显示：块；
}
.表格检查{
位置：相对位置；
}
.表格检查标签{
对齐项目：居中；
对正内容：左；
左侧填充：50px；
光标：指针；
}
.自定义控件说明{
字体大小：12px；
线高：2.6；
} 
.表单检查标签svg{
位置：绝对位置；
排名：0；
左：0；
}

复选框
挂起
完成

您正在检查

。如果选中，请检查表单。。它应该是
表单检查中的
复选框

首先在
表单中找到
复选框
，如果选中或未选中，则检查其
属性
，如下所示：


$（'.form check'）。单击（函数（）{
var checkbox=$（this.find（'input[type=checkbox]'））
$（this）.closest（'.list group item'）.find（'.complete'）.css（'display'，（checkbox.prop（'checked'））？'none'：'block'）
$（this）.closest（'.list group item'）.find（'.complete'）.css（'display'，（checkbox.prop（'checked'））？'block'：'none'）
$（this）.closest（'.list group item'）.css（'background-color'），（checkbox.prop（'checked'））？“#4CAF50'：”）
$（this）.closest（'.list group item'）.find（'.custom control description'）.css（'color'），（checkbox.prop（'checked'））？“#fff'：'#2c2b2c'）
$（this）.closest（'.list group item'）.find（'.custom control description'）.css（'text-decoration-color'，（checkbox.prop（'checked'））？“#fff'：'#ababab'）
})
。自定义控制框{
边界半径：50%；
高度：30px；
宽度：30px；
背景色：#fff；
边框：1px纯黑；
位置：绝对位置；
左边距：-50px；
}
.勾选圆圈{
笔划阵列：166；
行程偏移量：166；
笔画宽度：3；
行程限制：10；
行程：1b7e45；
动画：向前划0.6s立方贝塞尔（0.65,0,0.45,1）；
}
.对号{
宽度：30px；
高度：30px；
边界半径：50%；
显示：块；
笔画宽度：5；
冲程：#fff；
行程限制：10；
框阴影：插入0px 0px 0px#1b7e45；
动画：填充。4s慢进慢出。4s向前，缩放。3s慢进慢出。9s两者皆有；
边框：1px实心#4c4d；
}
.checkmark\u检查{
变换原点：50%50%；
行程：48；
行程偏移量：48；
动画：向前划0.3s立方贝塞尔（0.65,0,0.45,1）0.8s；
}
@关键帧笔划{
100% {
笔划偏移：0；
}
}
@关键帧比例{
0%,
100% {
转化：无；
}
50% {
转换：scale3d（1.1,1.1,1）；
}
}
@关键帧填充{
100% {
盒影：插入0px 0px 0px 30px#1b7e45；
}
}
输入[类型=复选框]{
显示：无；
}
输入[类型=复选框]+svg{
显示：无；
}
输入[类型=复选框]：选中+svg{
显示：块；
}
.表格检查{
位置：相对位置；
}
.表格检查标签{
对齐项目：居中；
对正内容：左；
左侧填充：50px；
光标：指针；
}
.自定义控件说明{
字体大小：12px；
线高：2.6；
}
.表单检查标签svg{
位置：绝对位置；
排名：0；
左：0；
}


复选框
挂起
完成
问题出在您的
上。如果选中此项，则它始终未定义，因此它的计算结果始终为false。我将其替换为
isChecked
，从属于此li项的复选框的
checked
属性中获取值


$（'.form check'）。单击（函数（）{
var isChecked=$（this）.find（'#复选框