Javascript 使用全选将类添加到选中的复选框

我想将

.active

类添加到

的每个
标签中。当
选中时选择input
。选择all
是
选中的
，然后在
未选中时将其删除，或者选择其中一个
。选择input
是
未选中的

为什么在第一个函数中添加
.prop（“checked”，true）
不触发
$（“输入[name='check']：复选框”）。在第二个函数中更改（function（）
？
$（文档）.ready（函数（）{
$（“.select all”）。单击（“单击”，函数（）{
$（此）。是否（“：选中”）？
$（“.select input”）.prop（“选中”，为真）：
$（“.select input”）.prop（“选中”，false）；
});
});
$（“输入[name='check']：复选框”）.change（函数（）{
如果（$（this）.is（“：checked”））{
$（本）
.家长（“标签”）
.addClass（“主动”）；
}否则{
$（本）
.家长（“标签”）
.removeClass（“主动”）；
}
})；
.item{
高度：50px；
宽度：50px；
边框：3倍实心；
位置：相对位置；
}
.选择{
-webkit过渡：所有600ms立方贝塞尔（0.19,1,0.22,1）；
-o型过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
-webkit转换：规模（1）；
-ms变换：尺度（1）；
变换：比例（1）；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
z指数：999；
}
.pick-select.active{
-webkit过渡：所有600ms立方贝塞尔（0.19,1,0.22,1）；
-o型过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
-webkit变换：比例（0.8）；
-ms变换：比例（0.8）；
变换：比例（0.8）；
边框：2倍纯红；
}

全选
1.
2.
更改属性后，需要使用
.change（）
：


$（文档）.ready（函数（）{
$（“.select all”）。单击（“单击”，函数（）{
$（此）。是否（“：选中”）？
$（“.select input”）.prop（“选中”，为真）。更改（）：
$（“.select input”）.prop（“选中”，false）.change（）；
});
});
$（“输入[name='check']：复选框”）.change（函数（）{
如果（$（this）.is（“：checked”））{
if（$（“输入[name='check']：复选框：未（：选中）”）。长度==0）{
$（“.select all”）.prop（“选中”，为真）；
}
$（本）
.家长（“标签”）
.addClass（“主动”）；
}否则{
$（“.select all”）.prop（“选中”，false）
$（本）
.家长（“标签”）
.removeClass（“主动”）；
}
})；
.item{
高度：50px；
宽度：50px；
边框：3倍实心；
位置：相对位置；
}
.选择{
-webkit过渡：所有600ms立方贝塞尔（0.19,1,0.22,1）；
-o型过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
-webkit转换：规模（1）；
-ms变换：尺度（1）；
变换：比例（1）；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
z指数：999；
}
.pick-select.active{
-webkit过渡：所有600ms立方贝塞尔（0.19,1,0.22,1）；
-o型过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
-webkit变换：比例（0.8）；
-ms变换：比例（0.8）；
变换：比例（0.8）；
边框：2倍纯红；
}

全选
1.
2.
更改属性后，需要使用
.change（）
：


$（文档）.ready（函数（）{
$（“.select all”）。单击（“单击”，函数（）{
$（此）。是否（“：选中”）？
$（“.select input”）.prop（“选中”，为真）。更改（）：
$（“.select input”）.prop（“选中”，false）.change（）；
});
});
$（“输入[name='check']：复选框”）.change（函数（）{
如果（$（this）.is（“：checked”））{
if（$（“输入[name='check']：复选框：未（：选中）”）。长度==0）{
$（“.select all”）.prop（“选中”，为真）；
}
$（本）
.家长（“标签”）
.addClass（“主动”）；
}否则{
$（“.select all”）.prop（“选中”，false）
$（本）
.家长（“标签”）
.removeClass（“主动”）；
}
})；
.item{
高度：50px；
宽度：50px；
边框：3倍实心；
位置：相对位置；
}
.选择{
-webkit过渡：所有600ms立方贝塞尔（0.19,1,0.22,1）；
-o型过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
-webkit转换：规模（1）；
-ms变换：尺度（1）；
变换：比例（1）；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
z指数：999；
}
.pick-select.active{
-webkit过渡：所有600ms立方贝塞尔（0.19,1,0.22,1）；
-o型过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
过渡：所有600ms三次贝塞尔（0.19,1,0.22,1）；
-webkit变换：比例（0.8）；
-ms变换：比例（0.8）；
变换：比例（0.8）；
边框：2倍纯红；
}

全选
1.
2.
谢谢Vinesh。如何获得它，以便在选中
全选
后，如果其中一个
.select input
未选中，
全选
变为未选中（因为不再选中所有项目）？根据您的评论更新答案谢谢Vinesh。如何获取答案，以便在选中
全选
后，如果其中一个
.select input
未被选中，
全选
将被取消选中（因为不再选中所有项目）？根据您的评论更新答案