jsp页面中通过id批量删除

最新推荐文章于 2022-03-07 20:49:30 发布
最新推荐文章于 2022-03-07 20:49:30 发布
阅读量5.9k 收藏 4
点赞数 2
分类专栏： jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a12345555555/article/details/72673186
版权

通过id批量删除




            1.页面js写法
                   //删除
                   function deleteWebsites(){
                          var length = $("input[name='checkbox']:checked").length;
                          if (length == 0) {
                               tips_alert("请选择删除选项!");
                               return false;
                          }
                          tips_confirm("您确定要删除所选网点?",function(){
                           var websiteIds = [];
                          $("input[name='checkbox']:checked").each(function() {
                                websiteIds.push($(this).val());
                           });
                          $.ajax({
                                 type : "post",
                                 url : "${ctx}/website/auth/deleteWebsites.do",
                                  data : {
                                      "websiteIds" : websiteIds.toString()
                                 },
                                dataType : "json",
                                success : function(data) {
                                       if (data.success) {
                                                tips_alert("删除成功!",function(){
                                                      queryWebsites();
                                                 });
                                        } else {
                                                tips_alert("删除失败!");
                                        }
                                  }
                              });
                         });
                   }




            2.jsp页面情况
                   
                  <div class="rlist-tright pull-right clearfix">
                        <ul>
                           <li><a href="javascript:void(0);" οnclick="deleteWebsites()">删除</a></li>
                          <li><a href="javascript:toPage('/website/auth/toPublishWebsitePage.do', 'PISP_M_PUBLISH_INFO', 'PISP_M_PUBLISH_NETPOINT');">发布网    点</a></li>
                        </ul>
                  </div>
                  <table width="810" border="0" cellspacing="0" cellpadding="0" class="my-tab">
                        <thead>
                                <tr>
                                     <td width="44" height="42" align="center" class="border-bottom border-right">选项</td>
                                     <td width="160" align="center" class="border-bottom border-right">网点名称</td>
                                     <td width="100" align="center" class="border-bottom border-right">联系人</td>
                                     <td width="100" align="center" class="border-bottom border-right">手机号码</td>
                                     <td width="250" align="center" class="border-bottom border-right">详细地址</td>
                                     <td align="center" class="border-bottom border-right">操作</td>
                                </tr>
                        </thead>
                        <c:forEach items="${result.queryList}" var="website">
                                <tr>
                                     <td align="center" class="border-bottom border-right tab-pad"><input type="checkbox" name="checkbox" value="${website.id}"></td>
                                    <td align="center" class="border-bottom border-right tab-pad">${website.outletsName}</td>
                


            1.页面js写法
                   //删除
                   function deleteWebsites(){
                          var length = $("input[name='checkbox']:checked").length;
                          if (length == 0) {
                               tips_alert("请选择删除选项!");
                               return false;
                          }
                          tips_confirm("您确定要删除所选网点?",function(){
                           var websiteIds = [];
                          $("input[name='checkbox']:checked").each(function() {
                                websiteIds.push($(this).val());
                           });
                          $.ajax({
                                 type : "post",
                                 url : "${ctx}/website/auth/deleteWebsites.do",
                                  data : {
                                      "websiteIds" : websiteIds.toString()
                                 },
                                dataType : "json",
                                success : function(data) {
                                       if (data.success) {
                                                tips_alert("删除成功!",function(){
                                                      queryWebsites();
                                                 });
                                        } else {
                                                tips_alert("删除失败!");
                                        }
                                  }
                              });
                         });
                   }




            2.jsp页面情况
                   
                  <div class="rlist-tright pull-right clearfix">
                        <ul>
                           <li><a href="javascript:void(0);" οnclick="deleteWebsites()">删除</a></li>
                          <li><a href="javascript:toPage('/website/auth/toPublishWebsitePage.do', 'PISP_M_PUBLISH_INFO', 'PISP_M_PUBLISH_NETPOINT');">发布网    点</a></li>
                        </ul>
                  </div>
                  <table width="810" border="0" cellspacing="0" cellpadding="0" class="my-tab">
                        <thead>
                                <tr>
                                     <td width="44" height="42" align="center" class="border-bottom border-right">选项</td>
                                     <td width="160" align="center" class="border-bottom border-right">网点名称</td>
                                     <td width="100" align="center" class="border-bottom border-right">联系人</td>
                                     <td width="100" align="center" class="border-bottom border-right">手机号码</td>
                                     <td width="250" align="center" class="border-bottom border-right">详细地址</td>
                                     <td align="center" class="border-bottom border-right">操作</td>
                                </tr>
                        </thead>
                        <c:forEach items="${result.queryList}" var="website">
                                <tr>
                                     <td align="center" class="border-bottom border-right tab-pad"><input type="checkbox" name="checkbox" value="${website.id}"></td>
                                    <td align="center" class="border-bottom border-right tab-pad">${website.outletsName}</td>
                
尼古拉斯--赵四
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
jsp+servlet批量删除
07-21
批量删除 复选框 多选 批量删除 实例参考 简单易懂
jsp+js+servlet批量删除
suige的专栏
05-10 844
<br />一、jsp部分<br />String str="5,4,3,2,1"       //注：之间一定要用逗号“,”   str可由js生成<br />...servlet?str=" + str;        //将str传给servlet    <br />  <br />二、servlet部分<br />String ids = request.getParameter("str");         //servlet接收str<br /> <br />三、SQL：<br />sql =
在jsp的技术上实现批量删除
09-01
关于批量删除代码大使馆的风格的风格的风格的高达风格的风格的风格的水电费是否收费的放松放松放松放松放松的方式大幅
批量选中删除（包含全选）---jsp,servlet
笼中鸟
03-07 4586
0.引言 前面文章已经实现了登录，查询，添加，修改和删除等功能，本篇文章在前面的基础上继续实现 删除选中的功能。 一.分析 删除功能分析 》》》1.在前端list.jsp页面的删除选中的按钮中绑定需要删除的条目的id,如下代码中： <c:forEach items="${pb.list}" var="user" varStatus="s"> <tr> <td><inp
JS实现复选框的全选和批量删除功能
Eternal0304的博客
09-28 2246
如图示： 功能描述：在勾选了全选时，所有的商品都会勾选，在取消全选时，取消所有物品的勾选。如果点击批量删除，删除所勾选的商品。<td align="center" width="12%" > <input type="checkbox" id="allChecks" onclick="ckAll()" /> 全选/全不选 </td> //全选 function ckAll(){
Servlet+jsp(有接口批量删除)
12-26
2. **数据传递**：当用户点击批量删除按钮，JSP页面会向Servlet发送一个HTTP请求，请求中包含所有被选中的记录ID。这可以通过表单提交或者AJAX异步请求完成。 3. **Servlet处理**：Servlet接收到请求后，解析请求...
jQuery+ajax实现批量删除功能完整示例
10-16
在网页开发中，批量删除功能是一项常见的用户交互需求，它允许用户一次性选择多个项目并进行删除操作，提高工作效率。本示例将详细讲解如何利用jQuery和ajax技术来实现这一功能，同时结合bootstrap框架和layer.js...
JSP中的批量删除111111111
02-23
在Java服务器页面（JSP）技术中，批量删除通常指的是在一个Web应用中处理大量数据记录的删除操作。这种操作常见于数据库管理、文件系统管理或其他需要处理集合对象的场景。以下将详细介绍如何在JSP中实现批量删除的...
jsp中通过复选框批量删除的js脚本
11-08
本文将详细介绍如何在JSP页面中通过复选框实现批量删除功能，包括前端JavaScript脚本和后端处理逻辑。 #### 二、前端JS脚本设计 ##### 2.1 功能概述 前端JavaScript脚本的主要任务是处理用户界面的选择行为，并将...
python ggplot画等值线图_传说中的画图神器Plotnine，Python中的ggplot2
weixin_39850920的博客
12-10 341
R的忠实用户知道，ggplot2可以使您在处理探索性数据分析和数据可视化时更加简单。它使得创建优雅而强大的情节变得如此容易，从而有助于解读数据中的潜在关系。那么Python用户是否也有类似的画图工具呢？这个问题的答案在Plotnine中。Plotnine的风格与R中的ggplot2有99%的相似之处，主要区别在于括号的使用，您将在下面的几个简短示例中看到。使用plotnine的一个最好的收获是，输...
获取jsp中的所有某个标签中所有ID相同的元素
12-11
获取jsp中的所有某个标签中所有ID相同的元素
JSP+Ajax 添加、删除多选框
12-09
本例是采用JSP + Ajax + 文本来演示多选、全选，添加、删除、更新checkbox多选框的效果。 本例充分展现了利用JavaScript控制HTML DOM以及利用XML http 传递数据，利用JSP操作文本的效果。 1，JavaScript 用来控制页面内容的现实与增删效果;2，JSP作为后台，对文本进行读取、写入、更新等操作;3，文本格式是用来存储数据的，数据编码UTF-8;4, 本例子在win32,Red hat Linux 9下 jdk1.5,Tomcat 5.0,Apache 2.5下调试通过，同时兼容Firefox 1.0,Opera 8.0,IE6。 本例子的优点: 1
JavaWeb之根据id删除一条数据,更新到页面
Dawn
06-30 3579
需求 根据页面jsp点击删除之后,数据库中删除一条记录,刷新页面 分析 jsp页面 将点击本条数据的id取到 get请求发送到servlet的delByIdEmail,进行拼接 EmailServlet 获取页面传来的id 调用service的删除方法 重定向到show EmailService 调用dao的deleteByIdEmail方法 EmailDao 定义sql语句 调用template的update方法返回一个int 类型的count 代码实现 jsp页面 &lt
Java复选框怎么取消打钩_jsp实现复选框默认选中，不可取消
weixin_33213911的博客
02-28 1233
在Web开发中，有时候需要显示一些复选框(checkbox)，表明这个地方是可以进行勾选操作的，但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选(比如在信息展示页面)，这时候就需要将复选框设置成只读的效果。提到只读，很容易想到使用readonly属性，但是对于复选框来说，这个属性和期望得到的效果是有差别的。原因在于readonly属性关联的是页面元素的value属性(...
jsp通过勾选复选框实现批量删除
热门推荐
u014297473的博客
06-29 1万+
这是自己开发的时候碰到的问题，当时想实现可以通过勾选复选框删除从数据库中读取并以表格显示的数据，废话不说，先上效果图。 这个效果是可以勾选复选框然后点击删除实现批量删除。<table class="table table-hover"> <tr> <th width="50">选择</th> <th width="180">I
java 删除复选框内容_如何删除JSP页面表格中与被选中的复选框在同一行的一行数据？...
weixin_35492662的博客
02-26 287
.ln==line)document.ecform.edit.value=1}function newHospitalVisit(){newRow=PLList.insertRow(PLList.rows.length);newRow.id="tdt";newRow.ln=allCount;newRow.bgColor="#e0e0e0";newRow.className="tableData";...
基于jsp和servlet，通过复选框实现批量删除的功能
zifengye520的专栏
07-01 6808
第一次写博客，有点小激动啊。。。在gong
jsp实现复选框默认选中，不可取消
漫天随飞雪的博客
08-19 943
//readonly还是disabled <input type="checkbox" name="optiona" disabled="disabled" /> 最后我们 使用 最理想化 <input type="checkbox" name="chkAllowed" onclick="return false;" checked="checked" />
jsp---------------------复选框，全选按钮
weixin_30624825的博客
04-07 203
js部分：注意：<script type="text/javascript" ></script>内不能有其他内容，否则会无效，若有则另起一对<script type="text/javascript" ></script> <script type="text/javascript" > function demo() { va...
在jsp中通过点击批量删除的按钮让Ajax实现批量删除数据库内信息
最新发布
06-09
在JSP中使用AJAX实现批量删除数据库内的信息，你需要编写以下代码： HTML代码： ``` <button id="delete-selected">批量删除</button> <table id="data-table"> <thead> <tr> <th><input type="checkbox" id="select-all"></th> <th>ID</th> <th>姓名</th> <th>年龄</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox" name="id" value="1"></td> <td>1</td> <td>张三</td> <td>20</td> <td><button class="delete-btn" data-id="1">删除</button></td> </tr> <tr> <td><input type="checkbox" name="id" value="2"></td> <td>2</td> <td>李四</td> <td>25</td> <td><button class="delete-btn" data-id="2">删除</button></td> </tr> <tr> <td><input type="checkbox" name="id" value="3"></td> <td>3</td> <td>王五</td> <td>30</td> <td><button class="delete-btn" data-id="3">删除</button></td> </tr> </tbody> </table> ``` 在上面的代码中，我们创建了一个表格，包含了一些数据和一个批量删除按钮。每个数据行都有一个复选框和一个删除按钮。每个删除按钮都有一个 `data-id` 属性，用于存储要删除的数据的ID。 JavaScript代码： ``` $(document).ready(function() { // 全选/取消全选 $('#select-all').click(function() { $('input[type="checkbox"][name="id"]').prop('checked', $(this).prop('checked')); }); // 单个删除 $('.delete-btn').click(function() { var id = $(this).data('id'); $.ajax({ url: 'your-url-to-delete-data?id=' + id, type: 'DELETE', success: function(result) { // 删除成功后执行的代码 alert('删除成功'); window.location.reload(); }, error: function(error) { // 删除失败后执行的代码 alert('删除失败'); } }); }); // 批量删除 $('#delete-selected').click(function() { var ids = []; $('input[type="checkbox"][name="id"]:checked').each(function() { ids.push($(this).val()); }); if (ids.length == 0) { alert('请至少选择一项'); return; } $.ajax({ url: 'your-url-to-delete-data?ids=' + ids.join(','), type: 'DELETE', success: function(result) { // 删除成功后执行的代码 alert('删除成功'); window.location.reload(); }, error: function(error) { // 删除失败后执行的代码 alert('删除失败'); } }); }); }); ``` 在上面的代码中，我们使用jQuery来添加点击事件处理程序。单击删除按钮时，我们从 `data-id` 属性中获取要删除的数据的ID，并使用AJAX请求将其从数据库中删除。在批量删除时，我们首先获取选中行中的所有ID，然后将它们作为一个字符串发送到服务器端进行批量删除。在成功或失败的情况下，我们使用 `alert` 弹出相应的消息，并重新加载页面以显示更新后的数据。 注意：你需要将 `your-url-to-delete-data` 替换为你的JSP页面中处理AJAX请求的URL。同时，你需要在后台进行相应的处理，以便正确地删除数据。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值