如何基于单选按钮禁用/启用多个HTML输入？

Question

我正在尝试根据是否选中某个单选按钮来禁用/启用一组复选框输入，但是我对HTML还是陌生的，不知道具体如何使用。< / p>

到目前为止，我的方法是为所有复选框提供一个类名，然后在一个函数中运行（选择了正确的单选按钮时），检查是否禁用了第一个复选框，并切换了所有复选框。以此为基础的同班人。

<form>
 Select:<br>
  <input type="radio" name="radio1" value="radioa" checked> A<br>
  <input type="radio" name="radio1" value="radiob" oninput="ToggleFunction()"> B<br>

   <input type="checkbox" class="checks" id="check" name="checker" value="one" disabled> 1
   <input type="checkbox" class="checks" name="checker" value="two" disabled> 2
   <input type="checkbox" class="checks" name="checker" value="three" disabled> 3
   <input type="checkbox" class="checks" name="checker" value="four" disabled> 4<br>

  <input type="radio" name="radio1" value="radioc"> C<br>
</form>
<script>
 function ToggleFunction() {
  var x = document.getElementById("check").disabled;
  if (x == true) {
   document.getElementsByClassName("checks").disabled = false;
  } else {
   document.getElementsByClassName("checks").disabled = true;
  }
 }
</script>

我希望在选中和取消选中单选按钮B时都禁用/启用所有复选框。当前，该代码无法启用该类中的任何元素，并且当我测试仅根据ID更改一个元素时，该功能仅在选中单选B时运行，而在取消选中时不运行。