//复选框 全选 反选
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
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>My JSP 'CheckBox.jsp' starting page</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">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
//判断是否选择了复选框
function notEmpty()
{
var cb=document.chartForm.a;
//选择了一个以上的复选框
if(cb.length)
{
for(var i=0;i<cb.length;i++)
{
if(cb[i].checked)
{
return true;
}
}
alert("请选择你提交的内容!2");
return false;
}
else
{
//只选择了一个复选框
if(cb[i].checked)
{
return true;
}
else
{
alert("请选择你提交的内容!3");
return false;
}
}
}
function selectAll(obj)
{
for(var i=0;i<obj.elements.length;i++)
{
if(obj.elements[i].type=="checkbox")
{
obj.elements[i].checked=true;
}
}
}
function selectOther(obj)
{
for(var i=0;i<obj.elements.length;i++)
{
if(obj.elements[i].type=="checkbox")
{
if(!obj.elements[i].checked)
{
obj.elements[i].checked=true;
}
else
{
obj.elements[i].checked=false;
}
}
}
}
</script>
</head>
<body>
<form action="<%=request.getContextPath()%>/jsp/Result.jsp"
name="chartForm" method="post">
<table>
<tr>
<td>
<input type="checkbox" name="a" value="1">
<input type="checkbox" name="a" value="2">
<input type="checkbox" name="a" value="3">
<input type="checkbox" name="a" value="4">
<input type="checkbox" name="a" value="5">
<input type="checkbox" name="a" value="6">
</td>
<td>
<input type="button" value="全选"
οnclick="selectAll(document.chartForm)">
<input type="button" value="反选"
οnclick="selectOther(document.chartForm)">
<input type="submit" value="确定" οnclick="return notEmpty();">
<input type="reset" value="取消">
</td>
</tr>
</table>
</form>
</body>
</html>