zoukankan      html  css  js  c++  java
  • 用jQuery实现(全选、反选、全不选功能)

    在jQuery选择器的基础下我们实现一个全选,反选,全不选功能!

        <script type="text/javascript">
            $(function ()
            {
                //全选
                $("#selectAll").click(function () {
                    //attr在HTML推荐非固有(用户自定义)属性是使用
                    //prop在HTMl元素固有属性的时候使用
                    $("input[name='gx']").each(function () {//input[name='gx']属性过滤选择器
                        $(this).prop("checked", true);
                    })
                });
                //全不选
                $("#selectNotAll").click(function () {
                    $("input[name='gx']").each(function () {
                        $(this).prop("checked", false);
                    })
                });
                //反选
                $("#selectRevorse").click(function ()
                {
                    $("input[name='gx']").each(function ()
                    {
                        $(this).prop("checked",!this["checked"]);
                    });
                })
            })
        </script>

  • 相关阅读:
    淘宝TFS使用笔记(一):初识TFS
    为F5-LTM上的业务添加x-forward-for
    Win7 搭建Linux开发环境
    使用PyQT开发图形界面程序
    二叉树的操作
    Harbor--企业级项目管理
    kubernetes 1.3 使用skydns + kube2dns +etcd部署DNS服务器
    搭建Kubernetes服务集群遇到的问题
    kubernetes1.3搭建dns服务
    搭建Docker私有仓库
  • 原文地址:https://www.cnblogs.com/qinwenfeng/p/9497116.html
Copyright © 2011-2022 走看看