js实现批量删除

<c:forEach items="${itemsList }" var="item">

               <tr>
                   <td><input type="checkbox" name="items_id" value="${item.id}" /></td>
                   <td>${item.name }</td>
                   <td>${item.price }</td>
                   <td><fmt:formatDate value="${item.createtime}"
                           pattern="yyyy-MM-dd HH:mm:ss" /></td>
                   <td>${item.detail }</td>
                   <td><img src="/pic/${item.pic}" width=90 height=60 /></td>
                   <td><a
                       href="${pageContext.request.contextPath }/editItems.action?id=${item.id}">修改</a></td>
                   <td><a href="javascript:deleteOne('${item.id}')">删除</a></td>
               </tr>
           </c:forEach>

<td><input type="button" value="批量删除" onclick="deleteItems()" /></td>

<title>查询商品列表</title>
<script type="text/javascript">
   /*批量删除 */
   function deleteItems() {
       var cks = document.getElementsByName("items_id");
       var items_id = "";
       var j = 0; //记录所选条目
       //拼接所有的items_id
       for (var i = 0; i < cks.length; i++) {
           if (cks[i].checked) {
               items_id += "items_id=" + cks[i].value + "&";
               j++;
           }
       }
       var sure = window.confirm("确定要批量删除" + j + "件商品吗？");
       if (!sure) {
           return;
       }
       //去掉字符串末尾的‘&’
       items_id = items_id.substring(0, items_id.length - 1);
       location.href = "${pageContext.request.contextPath }/deleteItems.action?"
               + items_id;
   }
</script>

/**
   * 批量删除商品信息,如果没选,就绑定默认值defaultValue
   */
   @RequestMapping("/deleteItems")
   public String deleteItems(@RequestParam(value="items_id",defaultValue="") Integer[] items_id) throws Exception{
       for(int i = 0;i<items_id.length;i++) {
           itemsService.deleteItems(items_id[i]);
       }
       return "redirect:queryItems.action";
   }

https://blog.csdn.net/su20145104009/article/details/59575199

猜你喜欢