posts - 23,comments - 66,trackbacks - 0
from:http://blog.donews.com/dragonflyer/archive/2005/09/09/546609.aspx

使用复选框选可以很方便的一次选择多个数据,对于用户来说是很方便的。下面给出一种实现方法,共同学习。如果有其他更好的方法,也希望各位能共享出来。

页面中的处理:

<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");
posted on 2006-03-21 21:32 rd2pm 阅读(14885) 评论(3)  编辑  收藏

FeedBack:
# re: JSP中对复选框checkbox的取值
2007-06-21 14:24 | caully
我用了以上的方法不见效  回复  更多评论
  
# re: JSP中对复选框checkbox的取值
2010-01-07 15:53 | 路过
jsp!=javascript
  回复  更多评论
  
# re: JSP中对复选框checkbox的取值[未登录]
2010-03-25 17:25 | 路人乙
概念都没搞清楚  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: