【javascript】input の checkbox を取得し、制御する。グループ内で一つだけにチェックを入れるには？

チェックボックスがチェックされたか確認する

  <input type="checkbox" id="checkBx" onclick="isChecked()" />

  <script>
    const chenckBx = document.getElementById("checkBx");
    function isChecked() {
      console.log(chenckBx.checked);
    }
  </script>

グループ内で1つだけチェックされるようにする

  const group = document.querySelectorAll(".group");  //➁

  function isChecked2(obj){
    if (obj.checked === true) {   //  チェックが入っていない時にチェック
      group.forEach( (element)=>{   //➂
        element.checked = false;
      })
      obj.checked = true;   //➃
    } else{   //  チェックが入っている時にチェック
      obj.checked = false;  
    }
  }

応用

background: red;
background: green
background: blue