Javascript 选中与数组项匹配的所有复选框

我有以下HTML（它实际上是react的JSX代码，但它是相同的）：

---

尽管我的函数正在查找匹配项，但我似乎无法检查复选框，我是否将checked属性设置错误？我还尝试了

$（this.attr（'checked'，true））没有运气。
将选择器更改为：

$('#roles-checkboxes input')

我很肯定这一点：

 $('#roles-checkboxes').each();

只是在一个div上迭代。可能会将其更改为：

 $('#roles-checkboxes input[type=checkbox]').each();

在
id
选择器上使用
each（）
意味着有多个元素具有相同的
id
，这是无效的，可能是问题的原因。将这些复选框上的
id
更改为class。@RoryMcCrossan他甚至没有选择输入，而是选择父div
 $('#roles-checkboxes').each();

 $('#roles-checkboxes input[type=checkbox]').each();