比较实用的复选框的实用javascript脚本

更新时间：2007年09月05日 22:38:28 作者：

在很多网站里这都是一个很常见的效果，就是点击总分类的复选框，自动选择所有子分类的复选框，或者如果子分类的所有复选框全部被选中则总分类复选框也自动被选中。
这次偶时再msn的网站上偶然看到的，于是自己也试着写了下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>   <title></title>   <script type="text/javascript">     function checkAll(str){         var a=document.getElementById("t"+str).getElementsByTagName("input");         var b=document.getElementById("d"+str);         for(var i=0;i<a.length;i++){             a[i].checked=b.checked;         }     }     function fixChk(str){         var a=document.getElementById("t1").getElementsByTagName("input");         var b=document.getElementById("d1");         for(var i=0;i<a.length;i++){             if(a[i].checked==false){                 b.checked=false;                 return ;             }         }         b.checked=true;     }   </script> </head> <body> <center> <div style="width:90%;text-align:left;border:1px solid #ccc;height:25px;line-height:25px"><input type="checkbox" id="d1" onclick="checkAll('1')"/>休闲娱乐</div> <div style="width:90%;text-align:left;border:1px solid #ccc;" id="t1"> &nbsp;&nbsp;<input type="checkbox" onclick="fixChk('1')" />书籍及杂志 &nbsp;&nbsp;<input type="checkbox" onclick="fixChk('1')" />音乐及影碟 &nbsp;&nbsp;<input type="checkbox" onclick="fixChk('1')" />旅游 </div> </center> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

比较实用的复选框的实用javascript脚本

如何使页面打开时input就被选中？
如何使页面打开时input就被选中？...
2007-02-02
28个JS验证函数收集
做网站的时候，很多地方都是由表单提交组成的，但是有提交的地方都要有验证。客户端验证最简单的方法就是使用JS自定义函数。这个文档包含平时常用的28个验证函数，还有验证函数几种使用方法。
2010-03-03
validator验证控件使用代码
由于代码比较简单注释也比较少，主要用于验证简单的规则（有内置的也可以自己添加正则表达式，暂不支持复杂的方法），并处理了表单提交时候验证，主要思路也是沿用以前基于jQuery的一个validator插件。
2010-11-11
js传值判断
js传值判断...
2006-10-10
textarea的value是html文件源代码,存成html文件的代码
textarea的value是html文件源代码,存成html文件的代码...
2007-04-04
一直复略了的一个问题，关于表单重复提交
一直复略了的一个问题，关于表单重复提交...
2007-02-02
select标记美化--JS式插件、后期加载
<select>标签的外观问题很恼人，各个浏览器都不一致，单单就IE，一个版本就一个长相，还不能用CSS修饰。在这将本人对<select>的美化方法共享出来。
2013-04-04
javascript实现的左右选择框效果代码
javascript实现的左右选择框效果代码...
2007-10-10
javascript 动态创建 Option选项
javascript动态创建Option选项，选择月份后动态创建日期。
2009-07-07
javascript 表单规则集合对象
javascript 表单规则集合对象,其实就是三个常用的但比较麻烦的不容易记忆的规则，如果想要更全的，可以到脚本之家查看之前发布的一些文章。
2009-07-07