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");
分享到：
相关推荐
在进行Web前端开发时，常常需要处理表单中的复选框（checkbox）元素，以便获取用户的选择数据。使用jQuery库可以方便地实现这一功能，尤其是当我们需要对一组具有相同名称的复选框进行操作时。jQuery提供了一些选择...
20. 复选框Value属性：在程序中，如果复选框被选中，其Value属性通常设置为True或1，表示选中状态。 21. 线程同步：线程同步是为了防止多个线程同时访问同一资源导致数据错误，提高执行效率，而不是让线程独占资源...
2. 单选按钮（Radio Button）和复选框（Checkbox）对象在编程中都有Value属性，但它们的Value属性类型可以不同，通常用于表示选中或未选中状态，可以取值True或False。 3. Java的Math类中提供了两个静态常量PI和E，...
- `<ww:checkboxlist>`：创建一组复选框列表。 - `<ww:label>`：创建一个HTML标签。 - `<ww:hidden>`：创建一个隐藏域。 - `<ww:doubleselect>`：创建一组相关联的下拉列表。 - `<ww:combobox>`：创建一个下拉...
- **功能概述**：创建复选框，支持数据绑定和自动检查状态。 **html:radio** - **功能概述**：创建单选按钮组，支持数据绑定和自动选择状态。 **html:link** - **功能概述**：创建超链接，支持动态URL生成和国际化...
- `type="checkbox"` 创建复选框，允许用户选择多个选项。 - `type="submit"` 创建提交按钮，提交表单数据。 - `type="reset"` 创建重置按钮，清空表单输入。 - `type="button"` 创建自定义按钮，可通过JavaScript...
- **知识点**: 在HTML中，`<input type="checkbox">`用于创建复选框表单元素。与单选按钮不同，复选框允许多项选择。 #### 20. E-R模型转换为关系模式 - **知识点**: E-R模型（Entity-Relationship Model）是一种...