チェックボックスの全選択ができない

実現したいこと

ひとつのチェックボックスを選択したら他のチェックボックスも全て選択されるようにしたい

前提

上記の機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

Uncaught TypeError: Cannot read properties of undefined (reading 'checked') at AllChecked at HTMLInputElement.onclickHTMLファイル名

該当のソースコード

HTML

12<form name="form" method="GET"> 3<input type="checkbox" name="all" onClick="AllChecked();" /> 全選択 4 5<input type="checkbox" name="checkbox" /> 6<input type="checkbox" name="checkbox" /> 7<input type="checkbox" name="checkbox" /> 8 9</form> 10

JavaScript

12function AllChecked(){3 var check = document.form.all.checked;4 5 for (var i=0; i<document.form.checkbox.length; i++){6 document.form.checkbox[i].checked = check;7 }8 }9

試したこと

input の情報をnameから取得してくるのではなくidやクラス名から取得してみましたが結果は同じでした。