jsp动态列表全选全不选
时间: 2023-07-24 10:21:38 浏览: 43
您可以使用以下代码实现jsp动态列表的全选和全不选:
```html
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
<title>jsp动态列表全选和全不选</title>
<script type="text/javascript">
function selectAll() {
var items = document.getElementsByName("item");
for (var i = 0; i < items.length; i++) {
items[i].checked = true;
}
}
function unSelectAll() {
var items = document.getElementsByName("item");
for (var i = 0; i < items.length; i++) {
items[i].checked = false;
}
}
</script>
</head>
<body>
<form>
<%
// 模拟从数据库中获取数据
String[] data = {"数据1", "数据2", "数据3", "数据4", "数据5"};
for (int i = 0; i < data.length; i++) {
%>
<input type="checkbox" name="item" value="<%=data[i]%>"><%=data[i]%><br>
<%
}
%>
<br>
<input type="button" value="全选" onclick="selectAll();">
<input type="button" value="全不选" onclick="unSelectAll();">
</form>
</body>
</html>
```
在这个例子中,我们使用`document.getElementsByName("item")`函数获取所有的名为`item`的复选框。然后,我们遍历这些复选框,使用`checked`属性设置它们是否被选中。最后,我们在HTML代码中添加了两个按钮,一个用于全选,一个用于全不选。当按钮被点击时,我们调用相应的JavaScript函数。