チェックボックスで複数値を送信したい

Question

表題の通りでして、現状チェックボックスで値が複数チェックしても１つしか送信されません。
formタグ内にあるinputタグ内のform属性をdeleteにすれば複数チェックして複数送信されるのですが、そうした場合下部の削除ボタンのform属性が被ってしまいます。同一idのform要素（form="delete"）があり、文法上問題があると思い改善をしたいと思っています。id要素はユニークに設定したいです。
受け取り側のPHPでもvar_dumpで１つしか出力されないので送信側で複数送れていないのではないかと思うのですが、対処法がわかりませんでした。何卒ご教示いただきたい次第です。よろしくお願いいたします。
↓送信するindex.php

 <tr>
   <td><input type="checkbox"></td><td>ID</td><td>件名</td><td>投稿ユーザー</td><td>投稿日時</td>
 </tr>
 <?php
 foreach($rows as $row){
 ?>
 <tr>
   <td>
     <form action="delete.php" method="GET" onSubmit="return check()" id="delete">
     <input type="checkbox" name="id[]" value="<?php print($row['id']);?>">//ここにform="delete"と書くと複数チェックしても上手くいくが「削除する」のinputとformが被るので改善したい
     </form>
   </td>
   <td><?php print($row['id']); ?>
   </td>
 	<td>
    <form action="edit.php" method="POST">
      <a href="edit.php?id=<?php echo $row['id'];?>">
        <?php echo $row['subject']; ?>
      </a>
    </form>
  </td>
  <td><?php echo $row['post_user']; ?></td>
  <td><?php echo $row['created_at']; ?></td>
 </tr>
 <?php
}
?>
  </table>
    <input form="delete" type="submit" value="削除する">

 <script type="text/javascript">
 function check(){
  if(window.confirm('本当に削除しますか？')){
    return true;
    var elements = document.getElementsByName('id[]') ;
    for(var i = 0 ; i < elements.length ; i ++){
      if(elements[i].checked == true){
        // alert(elements[i].value);
        location.href = "delete.php";
      }
    }
  }
  else{
    window.alert('キャンセルされました');
    return false;
  }
 }
 </script>

↓受け取るdelete.php

<?php
require('dbconnect.php');
var_dump($_GET['id']); //複数チェックしても１つしか表示されない

  if (isset($_GET['id']) && is_array($_GET['id'])) {
    $id = [];
    $id = $_GET['id'];
  }else{echo "NOTARRAY";}　//NOTARRAYが表示される

  for($i=0;$i < count($id); $i++){
    $sql = "update t_bbs_6_6 set deleted_at = cast(now() as datetime) WHERE id = $id[$i];";
    $stmt = $db->prepare($sql);
    $stmt->execute();
  }
var_dump($id) //nullになる
  // header('Location: index.php');
  // exit();
 ?>

Comments

[退会済みユーザー]

「削除する」の意味がダブルミーニングなら、命名ルールを決めて分ければいいんじゃないですかね。親投稿の削除なのか、コメントの削除なのかを区別できるように工夫するしかないのではないかと。あるいは、2つの意味の削除処理を共通化させるのがそもそもおかしいので、目的別に削除処理phpを分けてPOST送信先を変えるとか。これ、作りながら考えるんじゃなくて、作る前の設計時点の話ですよ。

Answer 1

根本的な原因：formは1つしか送信できない。

「値が1つしか」ではなく「1formしか」という意味です。
現在のコードだと1つのID毎にformタグが閉じられて完結しています。
なので1つしか送信していません。
1submitで送信したい情報は全て、1つのform内に入れましょう。

簡易例：

<form>
<?php
for($i=1;$i<=10;$i++){
    echo '<input type="checkbox" name="id[]" value="'.$i.'">'.$i;
}
?>
</form>

今回の質問者さんの内容だと、tableタグをformタグで囲う形にすると良いと思います。

---

以下、最初に書いたものの、よく見直すと根本原因ではなかった内容。

---

location.href の時点で画面遷移してるからだと思います。

画面遷移させるのではなく、チェック有無確認せずに単純にform.submitでいけそうに思います。
※イベントはformのOnSubmitではなく送信ボタンのOnClickにするのが望ましい

updateも同じ値にするなら、回さずにinで一発で済むはずです。

ただDBに変更を起こす処理をGETで行うべきではないと思います。URLで直でアクセスして実行させられるので不正に実行できてしまいます。
POSTにしましょう。

Comments

[cacao86]

ご回答ありがとうございます。
回答を参考に変更を加えてみたのですが、未だ値が１つしか送信されません。form..submitの書き方が悪いのでしょうか？
また、onclickにしたことによりチェックする度にalertが出てしまうのですが、削除を押した時にだけalertを出すことはできないのでしょうか？

<form action="delete.php" method="POST" onclick="return check()" id="delete">
<input type="checkbox" name="id[]" value="<?php print($row['id']);?>">
</form>
（中略）
<script type="text/javascript">
function check(){
if(window.confirm('本当に削除しますか？')){
return true;
var elements = document.getElementsByName('id[]') ;
for(var i = 0 ; i < elements.length ; i ++){
if(elements[i].checked == true){
// alert(elements[i].value);
form.submit = "delete.php";
}
}
}
else{
window.alert('キャンセルされました');
return false;
}
}
</script>

[cacao86]

onclickは
<input form="delete" type="submit" value="削除する" onclick="return check()">
の方に記述することで対応できました。

[m.ts10806]

return trueしてるってことは後続の処理は行われません。
色々混ざりこんでるので、ひとまず、ざっと作り直した方が整理できるかもしれません。

[m.ts10806]

提示されたHTMLよく見たら根本原因と思われる現象に気づいたので冒頭に追記しました。
最初の回答の冒頭は誤りがありました。すみません。

[cacao86]

追記ありがとうございます。
自分の方でもjavascriptの方は一旦置いておいてformタグの位置を変更したところ無事解決できました。
form１つ送信して処理が終了していたのですね。
ご回答ありがとうございました。