2005-11-19

控制Checkbox全选的JS

来源: 本站收集整理 作者:佚名 评论 0 条
  <script language="javascript">
function
selcheck() {
var
objs = myTable.getElementsByTagName("input");
for(var
i=0; i<objs.length; i ) {
if(
objs[i].type.toLowerCase() == "checkbox" )
objs[i].checked = true;
}
}
</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()">

注重checkbox 的 name 的规律

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:Xhtml第11天:如何制作不用表格的菜单  
下一篇:Xhtml第12天:校验及常见错误
    评论加载中…

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号