zoukankan      html  css  js  c++  java
  • JQuery实现checkbox的全选/取消全选,实现类似于邮箱功能

    本人初学JQuery。写了一个实现checkbox的全选/取消全选,实现类似于163邮箱功能。

    以下是代码,测试全部通过,请勿喷

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript" src="Script/jquery-1.7.min.js"></script>
        <script type="text/javascript">
            $(function () {
                $("#SelectAll").click(function () {         //全选/取消全选
                    $(":checkbox").attr("checked", this.checked);
                });
                $(":checkbox").click(function () {          //当选中某个子复选框时,SelectAll取消选中
                    if (!this.checked) {
                        $("#SelectAll").attr("checked", false);
                    }
                });
                $(":checkbox").click(function () {
                    var chsub = $("input[name='subcheck']").length; //获取subcheck的个数
                    var checkedsub = $("input[name='subcheck']:checked").length; //获取选中的subcheck的个数
                    if (checkedsub == chsub) {
                        $("#SelectAll").attr("checked", true);
                    }
                });
            });
        </script>
    </head>
    <body>
    <input type="checkbox" value="全选" id="SelectAll" />全选/取消全选<br /><br />
    <input type="checkbox" value="苹果" name="subcheck"  />苹果<br />
    <input type="checkbox" value="雪梨" name="subcheck" />雪梨<br />
    <input type="checkbox" value="荔枝" name="subcheck" />荔枝<br />
    <input type="checkbox" value="樱桃"name="subcheck" />樱桃
    
    </body>
    </html>
  • 相关阅读:
    2015-01-21
    水文分析手册ArcHydro Tool 中文操作手册
    03018_监听器Listener
    元旦去峨眉山吧,人间值得
    常用Oracle SQL集锦
    结合公司现状浅谈CMDB
    CentOS7-Nginx编译安装
    Linux配置C++11编译环境
    Python实现通用web框架
    Python实现通用web框架
  • 原文地址:https://www.cnblogs.com/youmeng/p/2817493.html
Copyright © 2011-2022 走看看