js实现批量删除

最新推荐文章于 2023-09-22 18:41:05 发布

Sir_He

最新推荐文章于 2023-09-22 18:41:05 发布

阅读量4.1k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Sir_He/article/details/81394697

这篇博客展示了如何使用JavaScript实现批量删除功能。通过遍历页面上的复选框，获取选中的商品ID，并在用户确认删除操作后，发起HTTP请求到后台进行实际的删除操作。示例代码中包括了HTML表格结构、JavaScript函数以及Spring MVC控制器的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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.youkuaiyun.com/su20145104009/article/details/59575199