java批量删除按钮_js实现批量删除功能
时间: 2024-01-18 16:05:03 浏览: 121
实现 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 文件进行删除操作。注意,这里的删除操作需要根据具体的业务需求进行编写。
阅读全文