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>
  • 相关阅读:
    C#线程并发执行的实例[转]
    Win7怎么用IIS发布网站系统 部署项目
    C#:用SqlBulkCopy来实现批量插入数据
    jQuery 中post 、get的同步问题
    网页配色颜色表(推荐)
    如何修改eclipse的默认字符集和修改中文乱码
    eclipse学习
    SpringMVC开发流程
    SpringMVC的请求
    SpringMVC的数据响应
  • 原文地址:https://www.cnblogs.com/youmeng/p/2817493.html
Copyright © 2011-2022 走看看