比较实用的复选框的实用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框内输入内容.textarea自动得到第一个文件框的值的javascript代码
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码...
2007-04-04
JavaScript Select和Option列表元素上下左右移动
支持一次选中多项在左右列表中来回移动
2008-12-12
autocomplete禁止自动完成功能
autocomplete禁止自动完成功能...
2007-06-06
js批量上传界面的实现
我谈谈一个非常简单的功能。用javascript来实现：通常的博客上都支持上传文件有2种方式：
2008-04-04
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
做一个输入框的字符统计，限制输入字符数量，即在输入框的内容发生变化的时候改统计字符长度。跟新浪微博一样，统计字符数量，不超过140字
2011-10-10
js实时计算字数提醒的文本框
那天在一个论坛上看到一个相当有意思的功能，就是在文本框中输入字符的时候，旁边会提示还可以输入多少个字。
2010-07-07
select发展史超强
select发展史超强...
2007-02-02
点此处秒后立即下载
点此处秒后立即下载...
2006-07-07
js文本中搜索关键词输入效果
js文本中搜索关键词输入效果...
2007-10-10
JavaScript 控制文本框的值连续加减
JavaScript控制文本框的值连续加减，一方面学习如何适时对文本框赋值，另一方面学习如何在对象上进行运算，很有用处哦。
2009-10-10

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具