Posted on 2008-07-10 19:49
笑看风云 阅读(173)
评论(0) 编辑 收藏 所属分类:
javascript
控制Checkbox全选的JS
<%@ page contentType=
"text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<script language="javascript">
function selcheck() {
var objs = document.getElementsByTagName("input");
for(var i=0; i<objs.length; i++) {
if(objs<i>.type.toLowerCase() == "checkbox" )
objs<i>.checked = true;
}
}
function clearcheck() {
var objs = document.getElementsByTagName("input");
for(var i=0; i<objs.length; i++) {
if(objs<i>.type.toLowerCase() == "checkbox" )
objs<i>.checked = false;
}
}
</script>
使用方法:
1. 在<head></head>内插入如上JS代码
2. 设置checkbox,例如
<table>
<TR>
<td>
<INPUT type="checkbox" name="1" value="a">
</td>
<td>
<INPUT type="checkbox" name="2" value="b">
</td>
<td>
<INPUT type="checkbox" name="3" value="c">
</td>
</TR>
</table>
3. 加入一个控制按钮 如
<INPUT type="button" name="select" value="全 选" onclick="selcheck()">
<INPUT type="button" name="select" value="取 消" onclick="clearcheck()">
当然,也可以使用id进行控制