javascript关于复选框的实用脚本代码

更新时间：2007年08月28日 20:30:29 作者：

在很多网站里这都是一个很常见的效果，就是点击总分类的复选框，自动选择所有子分类的复选框，或者如果子分类的所有复选框全部被选中则总分类复选框也自动被选中。
这次偶时再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关于复选框的实用脚本代码

JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
这篇文章主要介绍了JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例,使用javascript较为逼真的模拟出了国际象棋对弈的场景,需要的朋友可以参考下
2015-04-04
JavaScript中Textarea滚动条不能拖动的解决方法
这篇文章主要介绍了JavaScript中Textarea滚动条不能拖动的解决方法,主要针对IE浏览器中Textarea滚动条绑定了onfocus事件时分析对应的处理方法,需要的朋友可以参考下
2015-12-12
JS键盘版计算器的制作方法
这篇文章主要为大家详细介绍了JS键盘版计算器的制作方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
JS+CSS实现简单滑动门(滑动菜单)效果
这篇文章主要介绍了JS+CSS实现简单滑动门(滑动菜单)效果,通过JavaScript响应鼠标事件动态设置页面元素样式实现滑动菜单功能,需要的朋友可以参考下
2015-09-09
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
这篇文章主要介绍了JavaScript快速切换繁体中文和简体中文方法的相关资料,需要的朋友可以参考下
2016-03-03
前端常用的几种加密方法实例demo
这篇文章主要给大家介绍了关于前端常用几种加密方法的相关资料,需要的朋友可以参考下
2024-01-01
javascript生成大小写字母
本文给大家分享的是javascript生成大写小写字母的代码，十分的简单实用，主要用到了str.charCodeAt()和 String.fromCharCode()方法，有需要的小伙伴可以参考下。
2015-07-07
浅析我对JS延迟异步脚本的思考
这篇文章主要介绍了浅析我对JS延迟异步脚本的思考,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-10-10
JavaScript自定义浏览器滚动条兼容IE、火狐和chrome
本文主要分享了使用原生JavaScript实现自定义浏览器滚动条兼容IE、火狐和chrome的思路与方法，具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
javascript中检测变量的类型的代码
javascript对于变量的定义、类型的要求都比较松散，这样既方便，但又容易犯错。有时候进行必要的类型检查是必须的。
2010-12-12