Jsp中复选框的全选与反选

最新推荐文章于 2022-07-11 00:22:54 发布

原创最新推荐文章于 2022-07-11 00:22:54 发布 · 6.6k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#jsp #复选框 #全选 #反选

JSP 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在JSP中如何实现复选框的全选与反选功能。通过示例详细讲解了在页面显示和后台处理过程中，如何使用request.getParameterValues()和request.getParameter()方法来获取复选框和普通输入框的值。讨论了这两个方法在处理多值和单值输入时的区别。

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

1、在页面中显示

<span style="font-size:18px;"><script>
	function selectedAll() {
		var allsel = document.getElementsByName("teleCheckbox");/* teleCheckbox为复选框的name属性值 */
		for ( var i = 0; i < allsel.length; i++) {
			allsel[i].checked = !allsel[i].checked;
		}
	}
</script></span>

<th>全选/取消<br><input type="checkbox" id="sel" name="sel" value="yes" onclick="selectedAll()"></th>

<td><input type="checkbox" name="<span style="color:#ff0000;">teleCheckbox</span>" value="<%=rs.getString("tele") %>"></td>

页面效果如：

2、在后台中处理

String[] tele = request.<span style="color:#ff0000;">getParameterValues</span>("teleCheckbox");//获取复选框的值</span>

public boolean deleChecked(String[] telephone) {//循环遍历出来
// TODO Auto-generated method stub
for (int i = 0; i < telephone.length; i++) {
//···
}

return false;
}

顺便做个标记：request.getParameterValues与request.getParameter的区别

request.getParameterValues(String name)是获得如checkbox类（名字相同，但值有多个）的数据。接收数组变量，如checkobx类型
request.getParameter（String name）是获得相应名的数据，如果有重复的名，则返回第一个的值 . 接收一般变量，如text类型

例：

1. 三个名字相同的text标签

request.getParameterValues("test") ----------------- [1, 2, 3]

request.getParameter("test") ------------------ 1

${paramValues.test}

${param.test}

2. checkbox

<input type="checkbox" name="habit" value="read">看书

<input type="checkbox" name="habit" value="movie">电影

<input type="checkbox" name="habit" value="game">游戏

request.getParameterValues("habit")