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关于复选框的实用脚本代码

typescript枚举的具体使用
使用枚举我们可以定义一些带名字的常量,本文主要介绍了typescript枚举的具体使用,具有一定的参考价值,感兴趣的可以了解一下
2023-09-09
JavaScript写个贪吃蛇小游戏(超详细)
这篇文章主要介绍了JavaScript写个贪吃蛇小游戏(超详细)，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-03-03
js简单实现删除记录时的提示效果
删除记录时的提示效果，挺人性化的，实现的方法有很多，在本文为大家介绍下使用js是如何实现的
2013-12-12
JS 调用微信扫一扫功能
这篇文章主要介绍了JS 调用微信扫一扫功能,本文给大家介绍的非常详细，具有参考借鉴价值，需要的朋友参考下吧
2016-12-12
新手快速入门JavaScript装饰者模式与AOP
这篇文章主要介绍了新手快速入门JavaScript装饰者模式与AOP,在不改变对象）的情况下动态的为其添加功能,这就是装饰者模式，下面小编带大家来深入学习一下吧
2019-06-06
plupload+artdialog实现多平台上传文件
这篇文章主要介绍了plupload+artdialog实现多平台上传文件的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-07-07
深入php面向对象、模式与实践
这篇文章主要介绍了深入php面向对象、模式与实践,需要的朋友可以参考下
2016-02-02
js实现登录时记住密码的方法分析
这篇文章主要介绍了js实现登录时记住密码的方法,结合实例形式分析了JavaScript基于cookie实现存储登录密码相关操作技巧,需要的朋友可以参考下
2020-04-04
Javascript 正则表达式实现为数字添加千位分隔符
在项目中做货币转换的时候经常需要可以实现自动格式化输入的数字，自动千位分隔符，在网上也看到一些其他网友的实现的代码，感觉都不是太满意，于是自己研究了下，分享给大家。
2015-03-03
微信小程序开发(一) 微信登录流程详解
本篇文章主要介绍了微信小程序开发(一) 微信登录流程，非常具有实用价值，需要的朋友可以参考下。
2017-01-01

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具