将一组 checkbox设置同样的name,然后用getElementsByName取得这组控件数组,然后根据最下面的那个全选按钮设置所有checkbox ,代码如下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
void function select_all()
{
for ( var i=0;i<document.getElementsByName("checkbox").length;i++ )
{
document.getElementsByName("checkbox")[i].checked = document.getElementsByName("check_all")[0].checked;
}
}
</script>
</head><body>
<form name="form1" method="post" action="">
<label>
<input name="checkbox" type="checkbox" id="checkbox1" value="checkbox">
甲 </label>
<label>
<input name="checkbox" type="checkbox" id="checkbox2" value="checkbox">
乙
</label>
<label>
<input name="checkbox" type="checkbox" id="checkbox3" value="checkbox">
丙
</label>
<label>
<input type="checkbox" name="checkbox" value="checkbox4">
丁
</label>
<label>
<input name="check_all" type="checkbox" id="checkbox5" value="checkbox" onClick="select_all()">
全选
</label>
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
void function select_all()
{
for ( var i=0;i<document.getElementsByName("checkbox").length;i++ )
{
document.getElementsByName("checkbox")[i].checked = document.getElementsByName("check_all")[0].checked;
}
}
</script>
</head><body>
<form name="form1" method="post" action="">
<label>
<input name="checkbox" type="checkbox" id="checkbox1" value="checkbox">
甲 </label>
<label>
<input name="checkbox" type="checkbox" id="checkbox2" value="checkbox">
乙
</label>
<label>
<input name="checkbox" type="checkbox" id="checkbox3" value="checkbox">
丙
</label>
<label>
<input type="checkbox" name="checkbox" value="checkbox4">
丁
</label>
<label>
<input name="check_all" type="checkbox" id="checkbox5" value="checkbox" onClick="select_all()">
全选
</label>
</form>
</body>
</html>
if(form.elements[i].type="checkbox"){
....
}