読者です 読者をやめる 読者になる 読者になる

MoChiwakiブログ

若手女性エンジニアがゆる~く書く備忘録ブログ

JavaScriptで一括削除

IT関連

 

いくつかのチェックボックスがあり、削除ボタンがあります。(formの中にいます)

<input type="checkbox" name="check" value="${hoge.hogeno}" />

<input type="submit" name="delite" value="削除" onclick="goDeleteServlet()" class="hoge">

チェックがあり、削除ボタンを押されれば「削除してもよろしいですか」

チェックなく、削除ボタンを押されれば「削除のチェックが選択されていません」

と表示する。

削除ボタンを押すとgoDeleteServlet()が呼び出される。

 

以下、JavaScriptのfunction部分

 

function goDeleteServlet(){

 //チェックボタンは配列に入っている
 checks = document.getElementsByName("check");
 for(var i = 0; i < checks.length; i++){

  //チェックされていれば
  if(checks[i].checked){
   if(window.confirm('削除してもよろしいですか?')){
    document.getElementById('form').action='<%=request.getContextPath() + "/mng/DeleteServlet"%>';
    return true;
   } else {
    document.getElementById('form').action='<%=request.getContextPath() + "/mng/FindAll? currentPage="%>${requestScope.currentPage}';
    return false;
   }
  }
 }

 //ループ終了後上のifに入らず残っていればチェックされていないため
 if(window.confirm('削除のチェックが選択されていません')){
  document.getElementById('form').action='<%=request.getContextPath() + "/mng/FindAll?currentPage="%>${requestScope.currentPage}';
  return true;
 } else {
  document.getElementById('form').action='<%=request.getContextPath() + "/mng/FindAll?currentPage="%>${requestScope.currentPage}';
  return false;
 }
}