チェックボックスの全解除方法

Question

JavaScriptのconfirmメソッドでキャンセルが選択された際に
選択していたチェックボックスをすべて選択解除したいのですが、
以下のコードのままだと一番最初（一つ目）のチェックしか外れません。
どのように書けばよいでしょうか。ご教授お願い致します。

	var ret = confirm("選択された" + arr.length + "件の予約情報を削除します。\nよろしいでしょうか？");

	if (ret) {
			document.delForm.submit();
			confirm("選択された" + arr.length + "件の予約情報を削除しました。");

	} else {
			const checkbox = document.getElementById( "DeleteCheck[]" );
			checkbox.checked = false;
		}

		<%
			for (Yoyaku yo : YoyakuList) {
		%>

		<tr>
		<td><label class="ECM_CheckboxInput"> <input type="checkbox" class="ECM_CheckboxInput-Input" id="DeleteCheck[]" name="deleteCheck" value="<%=yoyaku.getRaihouYoyakuId()%>">
			<span class="ECM_CheckboxInput-DummyInput"></span><span class="ECM_CheckboxInput-LabelText"></span>
			</label>
		</td>

		</tr>
		<%
			}
		%>
		</table>

Answer 1

DeleteCheck[]というidを複数のcheckboxにつけているのでしょうか？
idは１HTMLごとにユニークである必要があります
ECM_CheckboxInput-Inputというクラスを利用していいならこんな感じです
全体像をのせておきます

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('#rel').addEventListener('click',()=>{
    const chk=document.querySelectorAll('.ECM_CheckboxInput-Input:checked');
    chk.forEach(x=>x.checked=false);
    alert(`選択された${chk.length}件の予約情報を削除しました。`);
  });
  document.querySelector('#del').addEventListener('click',()=>{
    const chk=document.querySelectorAll('.ECM_CheckboxInput-Input:checked');
    let ret=false;
    if(chk.length) ret=confirm(`選択された${chk.length}件の予約情報を削除します。\nよろしいでしょうか？`);
    if(ret) chk.forEach(x=>x.closest('div').remove());
  });
});
</script>
<div><label><input type="checkbox" class="ECM_CheckboxInput-Input" name="deleteCheck" value="1">1</label></div>
<div><label><input type="checkbox" class="ECM_CheckboxInput-Input" name="deleteCheck" value="2">2</label></div>
<div><label><input type="checkbox" class="ECM_CheckboxInput-Input" name="deleteCheck" value="3">3</label></div>
<input type="button" value="解除" id="rel">
<input type="button" value="削除" id="del">

Comments

[apa____m]

こちらのコードに差し替えてみると削除ボタンそのものが動かなくなりました。

//チェックボックスが選択されていない場合
if (arr.length == 0) {
alert("削除する予約情報を選択してください。");
}else {

//チェックボックスが選択されている場合
var ret = confirm("選択された" + arr.length + "件の予約情報を削除します。\nよろしいでしょうか？");

if (ret) {
//OKボタン押下でDeleteServletへ
document.searchForm.submit();
confirm("選択された" + arr.length + "件の予約情報を削除しました。");

} else {
//キャンセルボタン押下後チェックボックスの選択解除
document.querySelectorAll('.ECM_CheckboxInput-Input:checked').forEach(x=>x.checked=false);
}
}

}

[yambejp]

コピペで動作確認できる全体像をあげておきました

[apa____m]

コードの全体像、本当にありがとうございます。
まだまだ初学者で分からないことが多いので、あげてくださったコードを一つ一つ調べて勉強致します。

Answer 2

		var ret = confirm("選択された" + arr.length + "件の予約情報を削除します。\nよろしいでしょうか？");

		if (ret) {
			document.searchForm.submit();
			confirm("選択された" + arr.length + "件の予約情報を削除しました。");

		} else {
			const checkbox = document.getElementsByName( "deleteCheck" );
			  for(i = 0; i < checkbox.length; i++) {
				  checkbox[i].checked = false
				  }
		}