Javascript 复选框背景不工作

我通过jQuery为复选框使用了背景色。我的背景色只有在默认情况下单击任何复选框但尚未单击复选框时才会添加&我不知道为什么我的类在默认情况下不使用单击的复选框

$（文档）.ready（函数（）{
/*复选框背景*/
$（“.checkbox primary”）。在（“单击”、“输入[type='checkbox']”上，函数（）{
如果（$（this）.is（“：checked”））{
$（this.parent（）.addClass（“fltr chk box bg”）；
}否则{
$（this.parent（）.removeClass（“fltr chk box bg”）；
}
});
/*复选框背景结束*/
});
.checkbox{
左侧填充：30px；
}
.复选框>标签{
显示：内联块；
位置：相对位置；
左侧填充：5px；
颜色：#6868；
垫顶：2件；
最小高度：25px；
字体系列：“蒙特塞拉特”；
}
.checkbox>span{
右边填充：17px；
垫面：3件；
字体系列：“蒙特塞拉特”；
}
.checkbox输入[type=“checkbox”]：禁用+标签：：之前{
背景色：#eeeeee；
光标：不允许；
}
.checkbox.checkbox-circle标签：：之前{
边界半径：50%；
}
.checkbox.checkbox-inline{
边际上限：0；
}
.fltr chk箱背景{
背景色：#E3E7EA；
颜色：#1E6C97；
}
.checkbox主输入[type=“checkbox”]：选中+标签：：之前{
背景色：#1E6C97；
边框颜色：#428bca；
}
.checkbox主输入[type=“checkbox”]：选中+标签：：之后{
颜色：#fff；
}
.checkbox输入[type=“checkbox”]：选中+标签+span{
位置：相对位置；
z指数：75456；
}
.checkbox输入[type=“checkbox”]：选中+标签+span:before{
内容：''；
位置：绝对位置；
排名：0；
右：0；
边框底部：13px实心#CCD2D6；
边框顶部：11px实心#CCD2D6；
右边框：50px固体#CCD2D6；
左边框：6px实心透明；
z指数：-7523；
}
.fltr小组{
边缘底部：0px；
}
.fltr小组{
边框底部：无；
}
.fltr小组：最后一个孩子{
边框底部：1px实心#ddd；
}
.fltr小组标题>a{
填充：18px 8px 19px 8px；
字号：1.21em；
颜色：#2B3439；
字体系列：“蒙特塞拉特”；
}
.面板组.panel+.panel.fltr-panel{
边际上限：0px；
}
.panel-group.fltr-panel-group.panel heading+.panel collapse>.panel-body.fltr-panel-body{
边界顶部：无；
填充：0px 5px 5px 5px；
}
.fltr和重置{
填充顶部：14px；
垫底：5px；
}
.fltr并重置a{
垂直对齐：中间对齐；
字号：0.78em；
}
.fltr和reset>。向右拉{
字号：1.07em；
颜色：#1E6C97；
字体系列：“蒙特塞拉特”；
}
.fltr和reset>.text左{
字号：1.14em；
颜色：#302F2F；
线高：1.647；
字体系列：“蒙特塞拉特”；
}

北美75
南美98
北美23
南亚47
南美洲53
北美55
南美洲26
北美23
南美洲78
南美洲90
北美67
南美洲88
在您的
文档中添加以下代码。ready（）
将遍历所有选中的
输入并添加类

$("input:checked").each(function(){
   $(this).parent().addClass("fltr-chk-box-bg");
});

例如：
$（文档）.ready（函数（）{
/*复选框背景*/
$（“.checkbox primary”）。在（“单击”、“输入[type='checkbox']”上，函数（）{
如果（$（this）.is（“：checked”））{
$（this.parent（）.addClass（“fltr chk box bg”）；
}否则{
$（this.parent（）.removeClass（“fltr chk box bg”）；
}
});
/*复选框背景结束*/
$（“输入：选中”）。每个（函数（）{
$（this.parent（）.addClass（“fltr chk box bg”）；
});
});
.checkbox{
左侧填充：30px；
}
.复选框>标签{
显示：内联块；
位置：相对位置；
左侧填充：5px；
颜色：#6868；
填充顶部：2px；
最小高度：25px；
字体系列：“蒙特塞拉特”；
}
.checkbox>span{
右边填充：17px；
垫面：3件；
字体系列：“蒙特塞拉特”；
}
.checkbox输入[type=“checkbox”]：禁用+标签：：之前{
背景色：#eeeeee；
光标：不允许；
}
.checkbox.checkbox-circle标签：：之前{
边界半径：50%；
}
.checkbox.checkbox-inline{
边际上限：0；
}
.fltr chk箱背景{
背景色：#E3E7EA；
颜色：#1E6C97；
}
.checkbox主输入[type=“checkbox”]：选中+标签：：之前{
背景色：#1E6C97；
边框颜色：#428bca；
}
.checkbox主输入[type=“checkbox”]：选中+标签：：之后{
颜色：#fff；
}
.checkbox输入[type=“checkbox”]：选中+标签+span{
位置：相对位置；
z指数：75456；
}
.checkbox输入[type=“checkbox”]：选中+标签+span:before{
内容：''；
位置：绝对位置；
排名：0；
右：0；
边框底部：13px实心#CCD2D6；
边框顶部：11px实心#CCD2D6；
右边框：50px固体#CCD2D6；
左边框：6px实心透明；
z指数：-7523；
}
.fltr小组{
边缘底部：0px；
}
.fltr小组{
边框底部：无；
}
.fltr小组：最后一个孩子{
边框底部：1px实心#ddd；
}
.fltr小组标题>a{
填充：18px 8px 19px 8px；
字号：1.21em；
颜色：#2B3439；
字体系列：“蒙特塞拉特”；
}
.面板组.panel+.panel.fltr-panel{
边际上限：0px；
}
.panel-group.fltr-panel-group.panel heading+.panel collapse>.panel-body.fltr-panel-body{
边界顶部：无；
填充：0px 5px 5px 5px；
}
.fltr和重置{
填充顶部：14px；
垫底：5px；
}
.fltr并重置a{
垂直对齐：中间对齐；
字号：0.78em；
}
.fltr和reset>。向右拉{
字号：1.07em；
颜色：#1E6C97；
字体系列：“蒙特塞拉特”；
}
.fltr和reset>.text左{
字号：1.14em；
颜色：#302F2F；
线高：1.647；
字体系列：“蒙特塞拉特”；
}

北美75
南美98
北美23
南亚47
南美洲53
北美55
南美洲26
北美23
南美洲78
南美洲90
北Am
$("input[type='checkbox']:checked").each(function(){
    this.parentNode.classList.add('fltr-chk-box-bg');
});