Javascript 在单独的切换更改上切换多个复选框

我有几个复选框，或者应该说有几个：

因此，当切换

主切换时，函数将执行，检查“checked”属性的值。如果“checkbox”为“checked”，则它将迭代
从属切换
类的所有元素，并将其“checked”属性设置为true。当
master toggle
处于“未选中”状态时，情况也是如此。对吧?

问题是，我遇到了两个问题。首先，
if
语句中的
$（this）.prop（'checked'）
表达式的计算结果总是
undefined
。其次，即使我强制此值，在
中执行
$（this）.prop（'checked'，true）.change（）
，每个
函数都不会更改
从属切换的状态。有什么好处？我做错了什么

非常感谢您的帮助。这是链接。
您遇到的问题与使用箭头函数有关

() => {}

箭头函数不会更改其上下文中的
内容。这是他们的特点之一。要按预期引用
此
，请使用正常功能。否则，change事件上的
e.target
应该是已更改的元素，并且
每个
方法都应该传入您可以引用的参数
索引，元素
。
您遇到的问题与使用箭头函数有关

() => {}

箭头函数不会更改其上下文中的
内容。这是他们的特点之一。要按预期引用
此
，请使用正常功能。否则，change事件上的
e.target
应该是已更改的元素，
每个
方法都应该传入您可以引用的参数
索引，元素
。
$（this）.is（':checked'）…在我的示例中总是返回false。这使用了
.prop（）
，为什么我不能呢？您使用的是箭头函数。箭头功能不会更改此
的内容。您应该使用普通函数搜索“Javascript ES6 arrow functions”，它应该会显示一些文章。$（this）.is（'：checked'）…在我的示例中始终返回false。这使用了
.prop（）
，为什么我不能呢？您使用的是箭头函数。箭头功能不会更改此
的内容。您应该使用普通函数来搜索“Javascript ES6 arrow functions”，它应该会显示一些文章。
() => {}