javascript关于复选框的实用脚本代码 - PHPERZ中文资讯站

发布于 2016-08-29 07:34:03 | 115 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程，程序狗速度看过来！

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

在很多网站里这都是一个很常见的效果，就是点击总分类的复选框，自动选择所有子分类的复选框，或者如果子分类的所有复选框全部被选中则总分类复选框也自动被选中。
这次偶时再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><input type="checkbox" id="d1" onclick="checkAll('1')"/>休闲娱乐</div> 
<div> 
  <input type="checkbox" onclick="fixChk('1')" />书籍及杂志 
  <input type="checkbox" onclick="fixChk('1')" />音乐及影碟

<input type="checkbox" onclick="fixChk('1')" />旅游 
</div> 
</center> 
</body>

</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

最新网友评论 共有(0)条评论发布评论返回顶部

推荐阅读

终极炫富——2016 年 iOS 开发者收入调查报告

年度大片：Stack Overflow 2017 开发者调查报告发布！

开发者需要大学学位吗？

程序员多大年纪算高龄，届时该何去何从？

2017 年高薪编程语言排行榜，你的语言上榜没？

各编程语言开发者最常使用的按键，中了没?

伤不起的三十岁，干不动的程序员要何去何从？

2016年中国加班最狠IT公司排行

一句话"面试"漫画：黑了苹果、谷歌、三星

拿代码量算 KPI ……跟程序员们来这套？

程序员遇到 Bug 时的 30 个反应，你是哪一种？

2016年收入最高的5个编程语言 Java和C没在前五?

为什么很少见人傻钱多的程序员炫富？

阿里月薪两万是什么体验？

代码缩进时程序员更喜欢空格键还是Tab键？

最新资讯

Python获取系统所有进程PID及进程名称的方法示例

Python简单获取网卡名称及其IP地址的方法【基于psutil模块】

Python实现的根据IP地址计算子网掩码位数功能示例

好的Python培训机构应该具备哪些条件

详解Pytorch 使用Pytorch拟合多项式(多项式回归)

Python加载带有注释的Json文件实例

对python的文件内注释 help注释方法

Python实现判断一行代码是否为注释的方法

Oracle数据库表中字段顺序的修改方法

ASP.NET MVC 4使用PagedList.Mvc分页的实现代码

Oracle实例启动时报错：ORA-32004的解决方法

解读ASP.NET 5 & MVC6系列教程（7）：依赖注入

详解IDEA用maven创建springMVC项目和配置

ASP.NET MVC5网站开发之展示层架构（五）

SpringBoot创建maven多模块项目实战代码

后端技术

前端技术

数据库

热门框架

常用IDE

其他

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved 冀ICP备14009818号版权声明广告服务