JSP中对复选框checkbox的取值
JSP 2009-08-09 22:58:04 阅读500 评论0 字号：大中小
使用复选框选可以很方便的一次选择多个数据,对于用户来说是很方便的。下面给出一种实现方法，共同学习。如果有其他更好的方法，也希望各位能共享出来。
页面中的处理:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>复选框的全选</title>
</head>
<body>
<script language="JavaScript" type="text/JavaScript">
/* 是否全选标记 */
var checkedAll = false;
/* 全选/取消全选
* formName 所在form的name值
* checkboxName checkbox的name值
* 注意：所有checkbox的name值都必须一样，这样才能达到全选的效果
*/
function selectAll(formName,checkboxName){
var form = document.all.item(formName);
var elements = form.elements[checkboxName];
for (var i=0;i<elements.length;i++){
var e = elements[i];
if(checkedAll){
e.checked = false;
form.alls.checked = false;
} else {
e.checked = true;
form.alls.checked = true;
}
}
if(checkedAll){
checkedAll = false;
} else {
checkedAll = true;
}
}
/* 检查是否有checkbox被选中
* formName 所在form的name值
* checkboxName checkbox的name值
* 注意：所有checkbox的name值都必须一样，这样才能达到全选的效果
*/
function checkAll(formName,checkboxName){
var hasCheck = false;
var form = document.all.item(formName);
var elements = form.elements[checkboxName];
for (var i=0;i<elements.length;i++){
var e = elements[i];
if(e.checked){
hasCheck = true;
}
}
return hasCheck;
}
/* 执行操作 */
function do_action(){
if (!checkAll("formName","no")){
alert("没有checkbox被选中，提示用户至少选择一个！");
} else {
alert("已有checkbox被选中，可以继续后续操作！");
}
}
</script>
<form name="formName" method="get">
<table id="dataList" width="200" align="center" border="1">
<tr>
<td><input type="checkbox" name="alls" onClick="selectAll('formName','no')" title="全选/取消全选">
</td>
<td align="center"> 学号 </td>
<td align="center"> 姓名 </td>
</tr>
<tr>
<td><input type="checkbox" name="no" value="001" title="选择/不选择">
</td>
<td> 001 </td>
<td> 张三 </td>
</tr>
<tr>
<td><input type="checkbox" name="no" value="002" title="选择/不选择">
</td>
<td> 002 </td>
<td> 李四 </td>
</tr>
</table>
<p align="center"><input type="button" name="actionButton" value="操作" onClick="do_action()"></p>
</form>
</body>
</html>
后台的取值方法:
String no[] = request.getParameterValues("no");
分享到：
相关推荐
在JavaServer Pages (JSP) 开发中，常常需要实现用户界面中的批量选择功能，比如在列表中通过复选框来选中多个项目。本文将详细介绍如何在JSP中实现这样的功能，主要涉及HTML、JavaScript 和后端Java的交互。 首先...
它提供了多种视图模式，包括报告视图，其中可以包含复选框（Checkbox）来实现用户交互。本示例着重讲解如何在ListView中实现复选框的单选功能。 在Delphi中，ListView的复选框功能可以通过设置`ListView.Style`属性...
在网页开发中，"jsp/html 实现下拉复选框" 是一个常见的需求，它能够为用户提供更加便捷的多选项选择方式。下拉复选框通常由HTML的`<select>`元素与`<option>`子元素配合使用，而为了实现更丰富的交互效果，我们可能...
在网页设计和开发中，复选框（Checkbox）是一种常见的用户界面元素，允许用户从多个选项中选择一个或多个。当涉及到数据提交，比如通过HTML表单POST方法将用户的选择发送到服务器并存储到数据库中时，理解如何处理复...
首先，我们要明白CSS3中的复选框（checkbox）是HTML中的一种表单元素，用于让用户做出选择。默认情况下，复选框的样式相当朴素，往往不能满足现代网页设计的需求。为了改善这一状况，开发者们利用CSS3的新特性，如伪...
QTreeView Checkboxes 需要实现一个功能：在QT的TreeView中，能够使用复选框，并且选中父节点的复选框可以全选或取消子节点的复选框。 参考链接： http://blog.csdn.net/ajaxhe/article/details/7518285
在网页设计和开发中，树形复选框是一种常见的用户界面元素，用于提供层次结构的选择选项。本项目通过结合JavaScript和CSS技术，实现了一个具有展缩功能和选中数显示的树形复选框组件。下面我们将深入探讨这个组件的...
在网页设计中，表单元素的美观性和用户体验是至关重要的，尤其是复选框（Checkbox）这类经常用于用户选择多项选项的交互元素。"表单复选框checkbox美化特效"是针对这种常见组件的一种视觉优化技术，它通过CSS样式和...
在网页设计中，交互元素的用户体验至关重要，JS复选框checkbox动画特效就是一个很好的提升用户体验的例子。这个资源包“JS复选框checkbox动画特效下载.zip”提供了JavaScript代码，用于实现当用户点击复选框时，产生...
在"jQuery自定义美化复选框checkbox样式"这个项目中，我们可以看到以下几个关键知识点： 1. **CSS样式定义**：CSS文件（可能位于`css`目录下）用于定义复选框的样式。这包括但不限于边框、背景色、尺寸、过渡效果等...
在网页设计中，CSS3（层叠样式表第三版）为开发者提供了许多强大的新特性，其中之一就是能够对复选框（checkbox）进行美化，从而提升用户界面的视觉吸引力和交互体验。复选框是HTML中一种基本的表单元素，通常用于让...
在IT行业中，尤其是在前端开发领域，"CheckBox分级选中 复选框 上下级 联动"是一个常见的功能需求，通常应用于具有层级结构的数据展示和交互场景，比如树形菜单、组织架构选择等。这个功能的核心是实现复选框...
本教程主要探讨的是如何使用jQuery实现多级复选框（checkbox）的功能，包括水平横向、垂直纵向两种排列方式，并且提供了三种不同的样式供选择。通过这个项目，我们可以学习到如何用jQuery控制复选框的状态，以及如何...
首先，我们来理解复选框（Checkbox）在HTML和JSP中的使用。复选框通常用于让用户从多个选项中选择一个或多个。在HTML中，它们通过`<input>`标签表示，类型设置为"checkbox"。例如： ```html <input type="checkbox...
总结来说，这款“3种炫酷CSS3复选框checkbox动画特效”是利用CSS3的强大功能，对传统的HTML复选框进行美化和动态效果设计，提高了用户的交互体验，展示了CSS3在网页设计中的无限可能性。通过学习和应用这些技术，...
本示例中，我们关注的是如何使用jQuery来实现复选框（checkbox）的全选和反选功能，这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中，复选框通常由`<input>`标签定义，类型为...
在IT领域，尤其是在前端开发中，"带复选框checkbox的tree"是一种常见的用户界面元素，用于展示层次结构数据，并允许用户进行多级选择。这种组件通常被用于权限管理、目录浏览、数据分类等场景。下面我们将深入探讨与...
在本例中，我们关注的是如何使用JavaScript（JS）和Java来处理HTML表单中的复选框（checkbox）取值问题。复选框允许用户在多个选项中选择一个或多个。 1. **复选框取值** 复选框在HTML中通常使用`<input type="...
下面我们将详细讨论如何在JSP中实现加密复选框的读取，并提供一个完整的实例来保持访问过的状态。 首先，我们需要理解JSP中处理复选框的基本原理。复选框在HTML中的表示通常为`<input type="checkbox" name="item_...
本篇文章将详细讲解如何在ListView中实现CheckBox复选框的功能。 首先，我们需要创建一个自定义的ListView适配器。适配器是连接数据源和ListView的关键，它负责将数据转化为可显示的视图。创建一个继承自`...