Posted on 2008-07-10 19:49
笑看風云 閱讀(177)
評論(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進行控制