お世話になっております。

{
  const checkboxes = document.querySelectorAll('input[type="checkbox"]');
  checkboxes.forEach(checkbox => {
    checkbox.addEventListener('change', () => {
      checkbox.parentNode.submit();
    });
  });
}

こちらのコードですが、const checkboxes = document.querySelectorAll('input[type="checkbox"]'); における
( ) 内での [ ] の使い方がわかりません。

input 要素 の type="checkbox" と推測はしたのですが、なぜこのような書き方になるのでしょうか？

また、
<input type="hidden" name="token" value="<?= h($_SESSION['token']); ?>">
における h($_SESSION['token']); にも同様の疑問があります。

解説もしくは詳細を扱っているレッスンを教えていただけますか？

初歩的な疑問、既出でしたら申し訳ございません。
よろしくお願いいたします。