データベースに登録されている項目の一覧ページに項目個別削除のためのボタンと一括削除のためのチェックボックスを作ろうとしています。
ルーティングは個別削除のための「/post/{id}/delete」と、配列を渡して一括削除する「/post/batch-delete」の2つで、どちらも DELETE メソッドで削除するものとします。(内部的にはPOST)
HTMLはおおむね次のとおりです。
html
1<form action="/post/batch/delete" method="POST"> 2<input type="hidden" name="_method" value="DELETE"> 3<ul> 4 <li> 5 <input type="checkbox" name="delete[]" value="項目ID"> 6 項目名 7 <button type="button">削除</button> 8 </li> 9 10 <li> 11 <input type="checkbox" name="delete[]" value="項目ID"> 12 項目名 13 <button type="button">削除</button> 14 </li> 15 16 (以下繰り返し) 17</ul> 18 19<button type="submit">選択項目を削除</button> 20</form>
一括削除のために全体を form で囲んでいます。個別削除のためにボタンを設置したいのですが form の中に入れ子で form を書かなければならないため機能しません。
そう考えると個別削除に関しては JavaScript で処理する他ないように思えます。
DELETE メソッドで削除することをあきらめ、GET メソッドで削除するなら簡単ですが違和感があります。
このようなケースでは JavaScript に頼らずに実装することは現実的ではないのでしょうか?
よろしくお願いいたします。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。