Javascript 如何从不同的复选框控制复选框选中的属性？

我发现一个问题，我无法正确解决它。 当我单击复选框9个项目中的任何项目时，groupSelect功能未被选中或未正确选中。 我已尝试删除复选框项的属性，但仍然没有执行groupSelect功能复选框。 每当我试图勾选或取消勾选“种族或族裔群体”复选框之前的项目时，我就会看到“种族或族裔群体”复选框没有正确执行。 请看片段

功能组选择（val）{
让checkInput=$（val）.parent（）.next（）.find（'input[type=“checkbox”]”）
如果（val.checked==true）{
$(() => {
checkInput.attr（'checked'，'true'）
})
}否则{
checkInput.removeAttr（'checked'）；
}
}

种族或族裔群体
美洲印第安人/阿拉斯加人
西班牙裔/拉丁裔
西班牙裔/拉丁裔
亚洲/太平洋岛民
白人/白种人
白人/白种人
黑人/非裔美国人
其他
其他

我会使用

checkInput.prop（'checked'，true）

和

checkInput.prop（'checked'，false）

你可以找到更多关于

演示

功能组选择（val）{
让checkInput=$（val）.parent（）.next（）.find（'input[type=“checkbox”]”）
如果（val.checked==true）{
$(() => {
checkInput.prop（'checked'，true）
})
}否则{
checkInput.prop（'checked'，false）；
}
}

种族或族裔群体
美洲印第安人/阿拉斯加人
西班牙裔/拉丁裔
西班牙裔/拉丁裔
亚洲/太平洋岛民
白人/白种人
白人/白种人
黑人/非裔美国人
其他
其他

因此，您希望在选中/取消选中种族或种族组复选框时，以下所有复选框都将被选中/取消选中？脱离主题：为什么设置它时使用doc.ready，而清除它时不使用？谢谢，您能告诉我当使用vanilla javascript时，什么是prop替代选项吗？

.prop（）

是有许多属性的属性，在本例中它是

.checked

这是一个布尔值，true或FALSE，或者只是

checkInput.prop（'checked'，val.checked）

function groupSelect(val) {
  let checkInput = $(val).parent().next().find('input[type="checkbox"]')
  if (val.checked == true) {
    $(() => {
      checkInput.prop('checked', true)
    })
  } else {
    checkInput.prop('checked',false);
  }
}