<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">       
  </style>
 </head>
 <body>  
  <input  id="big" type="checkbox"   onclick="bigChange(this)"/>ALL
  <br />
  <input name="small" type="checkbox"  onclick="smallChange(this)" value=""/>A<br />
  <input name="small" type="checkbox"  onclick="smallChange(this)" value=""/>B<br />
  <input name="small" type="checkbox"  onclick="smallChange(this)" value=""/>C
 </body>
</html>
<script type="text/javascript">
    function bigChange(obj) {var smObj = document.getElementsByName("small");
        if (obj.checked == false) {           
            for (var i = 0; i < smObj.length; i++)
                smObj[i].checked = false;
        }else {
         for (var i = 0; i < smObj.length; i++)
                smObj[i].checked = true;
        }
    }
    function smallChange(obj) {
        var smObj = document.getElementsByName("small");
        var bigObj = document.getElementById("big");       
        if (obj.checked == false){
            bigObj.checked = false;}
        else {
            var b = true;
            for (var i = 0; i < smObj.length; i++) {
                if (smObj[i].checked == true){
                    b = true;}
                else{b=false;
                 break;}
            }
            if (b == true){
                bigObj.checked = true;}
            else{bigObj.checked=false;}
        }
    }
</script>

JS: 复选框——ALL与A、B、C（选中ALL同时选中各子项）的更多相关文章

  1. js 复选框 全选都选 如果某一个子复选框没选中 则全选按钮不选中

    <!DOCTYPE HTML> <html> <head> <meta charset=UTF-8> <title>js 复选框 全选都选 ...

  2. js复选框全选反选

    本篇文章是关于复选框的,有2种形式:1.全选.反选由2个按钮实现:2.全选.反选由一个按钮实现. <!DOCTYPE html> <html> <head> < ...

  3. Vue.js 复选框

    demo <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl ...

  4. JS复选框选中

    Web前端之复选框选中属性   熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好了.博主之前用户不少方法,经常 ...

  5. js复选框实现全选、全不选、反选

    复选框为checkbox对象 通过input就可以将一个简单的复选框呈现在页面上 <input type="checkbox" /> 要实现的大概就是这样一个页面 思路 ...

  6. js复选框全选

    <input name='chkAll' type='checkbox' id='chkAll' onclick='CheckAll(this.form)' value='checkbox'&g ...

  7. js复选框插件

    <div class="selectList selectQgClass" id="selectQgClass"> <div class=&q ...

  8. js复选框操作

    $(".checkall").click(function () {                if (this.checked) {                    $ ...

  9. js 复选框回显

    <div class="control-group"> <label class="control-label">客户状态:</l ...

随机推荐

  1. SpringData学习笔记一

    Spring Data : 介绍: Spring 的一个子项目.用于简化数据库访问,支持NoSQL 和 关系数据存储.其主要目标是使数据库的访问变得方便快捷. SpringData 项目所支持 NoS ...

  2. mysql之内连接，外连接（左连接，右连接），union，union all的区别

    内连接,外连接,左连接,右连接,全连接 测试数据: CREATE TABLE `a_table` ( `a_id` int(11) DEFAULT NULL, `a_name` varchar(10) ...

  3. BZOJ 4167: 永远的竹笋采摘

    首先同BZOJ5052 \(O(n \log n \log v)\) 求出所有点对 现在变成选出 \(k\) 条不相交的线段使得权值最小 可用前缀min优化dp \(O(nk)\) 解决 还是太慢,考 ...

  4. Azure DNS-

    先看什么是DNS,通常来讲,DNS是将域名解析成IP的服务,例如www.azure.cn对应的IP地址是139.217.8.104 使用域名访问有如下好处: 1. 好记,使用特定的字母组合,代替ip地 ...

  5. 设计模式课程 设计模式精讲 22-2 备忘录模式coding

    1 代码演练 1.1 代码演练1 1 代码演练 1.1 代码演练1 需求: 网站笔记需要存储快照,能实现回退的功能. 注意: a 设计的时候,可以分为笔记类,笔记快照类和 笔记快照管理类  三个类. ...

  6. 算法设计与分析 - AC 代码 - 第 6 弹（重复第 3 弹）

    PTA-算法设计与分析 - c++(g++) #include<bits/stdc++.h> using namespace std; long max3(long a,long b,lo ...

  7. Sqlserver2012 使用sql语句增加(或删除)表一个字段

    前言 Mark在SqlServer 2012 的数据库使用sql语句增加(或删除)一张表的一个字段. 使用Sql语句增加表的一个字段 [1]语法: alter table table_name add ...

  8. 《React后台管理系统实战 ：一》：目录结构、引入antd、引入路由、写login页面、使用antd的form登录组件、form前台验证、高阶函数/组件

    实战 上接,笔记:https://blog.csdn.net/u010132177/article/details/104150177 https://gitee.com/pasaulis/react ...

  9. C# Stream篇（三） -- TextWriter 和 StreamWriter

    TextWriter 和 StreamWriter 目录: 为何介绍TextWriter? TextWriter的构造,常用属性和方法 IFormatProvider的简单介绍 如何理解StreamW ...

  10. 十五、web中处理乱码问题总结

    一.jsp变成之道---中文乱码 jsp在转换为Servlet的过程经过三次编码转化: 转自  http://www.cnblogs.com/chenssy/p/4235191.html 二.java ...