js 批量删除功能

其实批量删除就是cehckbox 属性,首先解释 点击全选 CheckAll(this); 

function CheckAll(event){

    var checked = event.checked; //把选中这个属性赋值给一个变量

    $('#ptagTbody input[type:"checkbox"]').prop('checked', checked);  //把ptagTbody这个id下面的所有checkbox的input都选中

}

 

第二个批量删除函数 batchDelete();

function batchDelete() {
    var ptag_ids = new Array(); //定义一个数组存储id

     // 循环获取选中的checkbox
    $("#ptagTbody input[type='checkbox']:checked").each(function() {
        if (!isNaN($(this).val())) {
            ptag_ids.push($(this).val()); // 把值push进入数组里面
        }
    });
    if(ptag_ids.length ==0){
        alert('请选择至少一条记录删除');
        return false;
    }

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现 Java 的批量删除按钮的功能,可以结合使用 HTML、JavaScript 和 JSP 等技术。 以下是一个简单的示例,其中包括一个 HTML 页面、一个 JavaScript 文件和一个 JSP 文件: 1. HTML 页面: ``` <!DOCTYPE html> <html> <head> <title>Java 批量删除按钮</title> <script src="js/delete.js"></script> </head> <body> <h1>Java 批量删除按钮</h1> <form action="delete.jsp" method="post"> <table> <tr> <th>ID</th> <th>姓名</th> <th>性别</th> <th>年龄</th> <th>操作</th> </tr> <tr> <td>1</td> <td>张三</td> <td>男</td> <td>20</td> <td><input type="checkbox" name="ids" value="1"></td> </tr> <tr> <td>2</td> <td>李四</td> <td>女</td> <td>18</td> <td><input type="checkbox" name="ids" value="2"></td> </tr> <tr> <td>3</td> <td>王五</td> <td>男</td> <td>22</td> <td><input type="checkbox" name="ids" value="3"></td> </tr> </table> <button onclick="deleteChecked()">批量删除</button> </form> </body> </html> ``` 2. JavaScript 文件(delete.js): ``` function deleteChecked() { var boxes = document.getElementsByName("ids"); var checkedIds = ""; for (var i = 0; i < boxes.length; i++) { if (boxes[i].checked) { checkedIds += boxes[i].value + ","; } } if (checkedIds == "") { alert("请至少选择一条记录进行删除!"); } else { if (confirm("确定要删除选中的记录吗?")) { window.location.href = "delete.jsp?ids=" + checkedIds; } } } ``` 3. JSP 文件(delete.jsp): ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String[] ids = request.getParameterValues("ids"); if (ids != null && ids.length > 0) { // 执行删除操作 // ... out.print("删除成功!"); } else { out.print("请选择要删除的记录!"); } %> ``` 在上述示例中,HTML 页面中的表格列出了一些数据,并且每行数据的最后一列都包含一个复选框,用于选择要删除的记录。单击“批量删除”按钮时,将调用 JavaScript 函数“deleteChecked()”来获取选中的记录的 ID,并使用 JSP 文件进行删除操作。注意,这里的删除操作需要根据具体的业务需求进行编写。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值