Js实现Checkbox的全选/反选
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
<!--
function checkAll(name)
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].name==name))
{
el[i].checked = true;
}
}
}
function reselectAll(name)
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].name==name))
{
if(el[i].checked)
{
el[i].checked = false;
}
else
{
el[i].checked = true;
}
}
}
}
function clearAll(name)
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].name==name))
{
el[i].checked = false;
}
}
}
-->
</script>
<%--<script type="text/javascript">
function Dlete_User()
{
var id;
var checkBoxNodes=document.getElementsByTagName("input");
var chkNodeValue;
var j=0;
for(var i=0;i<checkBoxNodes.length;i++)
{
var checkFlag=checkBoxNodes[i].type;
if ((checkFlag=="checkbox") && (checkBoxNodes[i].name=name))
{
if(checkBoxNodes[i].checked)
{
id=checkBoxNodes[i].id;
j++;
}
}
}
if(j==0)
{
alert("请至少选择一条记录");
return false;
}
else
{
if(window.confirm("您确认要删除吗?"))
return true;
return false;
}
}
</script>--%>
</head>
<body>
<table width="80%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><input type="button" name="Submit3" value="全选" class="buttonface" onClick="checkAll('name')">
<input type="button" name="Submit4" value="反选" class="buttonface" onClick="reselectAll('name')">
<%--<input type="button" name="Submit" value="删除" class="buttonface" onClick="return Dlete_User()">--%>
<input type="checkbox" name="name" value="checkbox" id="1">
<input type="checkbox" name="name" value="checkbox" id="2">
<input type="checkbox" name="name" value="checkbox" id="3">
<input type="checkbox" name="name" value="checkbox" id="4">
<input type="checkbox" name="name" value="checkbox" id="5"></td>
</tr>
</table>
</body>
</html>