POST送信で複数の値を受け取りたい

Question

POST送信で複数の値を受け取る方法について

お世話になります。
下記のjspのようにfor文の中で複数個表示しているチェックボックスの値を
選択された分だけサーブレットに送信したいのですが、
サーブレット側で見てみると一番最初に選択されたものしか受け取れていません。
このような場合はどうすればいいのでしょうか。
ご教授お願い致します。

	function delete_btn() {

		const arr = [];
		const del = document.getElementsByName("del");

		for (let i = 0; i < del.length; i++) {
			if (del[i].checked) {
				arr.push(del[i].value);
			}
		}

		if (arr.length == 0) {
			alert("削除する予約情報を選択してください。");
			window.reload();
		}

		document.getElementById("span2").textContent = arr;

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

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

		} else {

			document.getElementById("checkbox").checked = false;

		}

	}




　　　　　<input type="button" class="commonbutton_btn" value="削除"　onclick="delete_btn()">

			<form id="delete_form" method="post" name="deleteForm"
				action="<%=request.getContextPath()%>/VisitorReservation/delete">

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

			<tr>
				<td><label class="ECM_CheckboxInput"> 
                <input type="checkbox" class="ECM_CheckboxInput-Input" id="de" name="del"
						value="<%=yoyaku.getRaihouYoyakuId()%>"> 
                <span class="ECM_CheckboxInput-DummyInput"></span><span
						class="ECM_CheckboxInput-LabelText"></span>
				</label></td>
			<%
				}
			%>
			</form>

	/**
	* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	*/
	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		// TODO Auto-generated method stub
		// 削除ボタン押下された、ID取得

		RequestDispatcher dispatcher = null;
		List<Yoyaku> YoyakuList = null;
		String[] idGet = request.getParameterValues("del");


			for(int i=0; i<idGet.length; i++) {

				try {
					YoyakuDao.getInstance().DeleteYoyakuData(idGet[i]);
				}catch (SQLException e) {
					e.printStackTrace();
					throw new ServletException();
				}
             }

Answer 1

name="del[]"のように配列として定義する。

あと本件とはずれますが、idが全部id="de"になってます。
重複不可です。
id="de_{index}"のように列番号でもつけて重複避けてください。