找一个jsp页面的复选框例子

zhangenming20080324 2010-09-26 05:17:50

大家好，想找一个checkbox的例子，能全选或者单独多选的。我会从库里读出记录，然后可以多选或者全选然后进行上报操作。先谢了

...全文

3795 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhangenming20080324 2010-09-27

打赏
举报

恩，谢谢大家，我也是比较懒，找个直接能用的修改一下就行了。

tianbigao 2010-09-26

打赏
举报

<%@ page language="java" import="java.util.*,java.sql.*" contentType="text/html;charset=gb2312"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>Test</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<script src="JS/Check.js"></script>
</head>

<body>

<table width="500" align="center">
<tr>

</tr>
<tr>
<td><form name="frm" method="post" action="">

<table width="500" border="1" align="center">
<tr>
<td width="97" align="center">ID</td>
<td width="125" align="center">删除</td>
</tr>

<tr>
<td height="20" align="center">1</td>

<td align="center"><input name="delid" type="checkbox" class="noborder" value=""></td>
</tr>
<tr>
<td height="20" align="center">2</td>

<td align="center"><input name="delid" type="checkbox" class="noborder" value=""></td>

</tr>
<tr>
<td height="20" align="center">3</td>

<td align="center"><input name="delid" type="checkbox" class="noborder" value=""></td>

</tr>

<tr>
<td colspan="5" align="right"><input name="checkbox" type="checkbox" class="noborder" onClick="CheckAll(frm.delid,frm.checkbox)">
[全选/反选] [<a style="color:red;cursor:hand;" onClick="checkdel(frm.delid,frm)">删除</a>] [<a style="color:red;cursor:hand;" onClick="checkdel(frm.delid,frm)">解冻</a>]
<div id="ch">
<input name="delid2" type="checkbox" class="noborder" value="0">
</div></td>

<script language="javascript">ch.style.display="none";</script>
</tr>
</table>
</form></td>
</tr>
</table>
</body>
</html>

js如下：

function CheckAll(elementsA,elementsB)
{
for(i=0;i<elementsA.length;i++)
{
elementsA[i].checked = true;
}
if(elementsB.checked ==false)
{
for(j=0;j<elementsA.length;j++)
{
elementsA[j].checked = false;
}
}
}

绝对可以用！！！

funfun5433 2010-09-26

打赏
举报

checkbox多选全选网上一搜不是有好多

jumpheightway 2010-09-26

打赏
举报

曾经做个
不过已经很久了

碧海情天-赵亮 2010-09-26

打赏
举报

这个是我写的，支持任意分组数量的多组复选框全选/全不选功能的代码，用JQ写的，只有６行
http://blog.csdn.net/theforever/archive/2010/09/21/5898306.aspx

zhangenming20080324 2010-09-26

打赏
举报

如果获取选中的复选框值，是直接String[] box=request.getParameterValues("全选的name");还是下面子checkbox的name

dr_lou 2010-09-26

打赏
举报

js问题吧。

亲努力啊 2010-09-26

打赏
举报



 function CheckAll(){

	 	var chkAll=document.getElementById("chkAll");

	 	if(chkAll.checked){

			var cb = document.getElementsByName('r_rybh');

			for(var i = cb.length; i--; ) {

				cb[i].checked = true;

			}

		}else{

			var cb = document.getElementsByName('rybh');

			for(var i = cb.length; i--; ) {

				cb[i].checked = false;

			}

		}

	}

<input type="checkbox" id="chkAll" name="chkAll"

													onclick='CheckAll()'>

<input type="checkbox" value"1" name="rybh"

														id="rybh" />

<input type="checkbox" value"1" name="rybh"

														id="rybh" />

<input type="checkbox" value"1" name="rybh"

														id="rybh" />