<%--
Document : test
Created on : Jul 30, 2015, 11:13:08 AM
Author : root
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> Test </title>
<style>
.body{
background-color: graytext;
width: 100%;
height: 100%;
}
</style>
<script>
function allSelect(){
//document.getElementByName("checkbox").attr("checked",'true');
for(i=0;i<document.getElementsByName("checkbox").length;i++)
{
document.getElementsByName("checkbox")[i].checked = "checked";
}
}
function noSelect(){
for(i=0;i<document.getElementsByName("checkbox").length;i++)
{
document.getElementsByName("checkbox")[i].checked = false;
}
}
function fanSelect() {
for (i = 0; i < document.getElementsByName("checkbox").length; i++)
{
if (document.getElementsByName("checkbox")[i].checked == false)
{
document.getElementsByName("checkbox")[i].checked = "checked";
}
else
document.getElementsByName("checkbox")[i].checked = false;
}
}
</script>
</head>
<body class="body">
<input type="checkbox" name="checkbox"/>
<input type="checkbox" name="checkbox"/>
<input type="checkbox" name="checkbox"/>
<input type="checkbox" name="checkbox"/>
<input type="checkbox" name="checkbox"/>
<input style="" type="button" value="全选" οnclick="allSelect()"></input>
<input style="" type="button" value="全bu选" οnclick="noSelect()"></input>
<input style="" type="button" value="fan选" οnclick="fanSelect()"></input>
</body>
</html>
Document : test
Created on : Jul 30, 2015, 11:13:08 AM
Author : root
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> Test </title>
<style>
.body{
background-color: graytext;
width: 100%;
height: 100%;
}
</style>
<script>
function allSelect(){
//document.getElementByName("checkbox").attr("checked",'true');
for(i=0;i<document.getElementsByName("checkbox").length;i++)
{
document.getElementsByName("checkbox")[i].checked = "checked";
}
}
function noSelect(){
for(i=0;i<document.getElementsByName("checkbox").length;i++)
{
document.getElementsByName("checkbox")[i].checked = false;
}
}
function fanSelect() {
for (i = 0; i < document.getElementsByName("checkbox").length; i++)
{
if (document.getElementsByName("checkbox")[i].checked == false)
{
document.getElementsByName("checkbox")[i].checked = "checked";
}
else
document.getElementsByName("checkbox")[i].checked = false;
}
}
</script>
</head>
<body class="body">
<input type="checkbox" name="checkbox"/>
<input type="checkbox" name="checkbox"/>
<input type="checkbox" name="checkbox"/>
<input type="checkbox" name="checkbox"/>
<input type="checkbox" name="checkbox"/>
<input style="" type="button" value="全选" οnclick="allSelect()"></input>
<input style="" type="button" value="全bu选" οnclick="noSelect()"></input>
<input style="" type="button" value="fan选" οnclick="fanSelect()"></input>
</body>
</html>