首页 > 其他分享 >创建一个全选功能表格

创建一个全选功能表格

时间:2024-04-26 18:12:40浏览次数:22  
标签:count checked 表格 ++ 创建 全选 选中 标签 var

1.第一个方法是检测有多少个被选中的checkbox。主要是通过获得相同name的标签,对标签进行遍历并且if判断是否被checked,设置参数count值,如果有被选中的标签,count值就++,最后输出count值。

var test = function () {
var number = document.getElementsByName("a");

        var count = 0;
        for (var i = 0; i < number.length; i++) {
            if (number[i].checked) {
                count++;
            }
        }
        alert("选中的 checkbox 数量:" + count);
    }

2.第二个方法是点击一个标签能够全选中所有的标签。获得标签的checked值,通过for循环将目标标签的checked状态赋值给其他checkboxs的checked值使其checked绑定在一起。

    var test1 = function () {
        var flag = document.getElementById("123").checked;

        var checkboxes = document.getElementsByName("a");
        for (var i = 0; i < checkboxes.length; i++) {
            checkboxes[i].checked = flag;
        }
    }

3.创建表格。

姓名 性别 年龄
小李 14
张三 15
小王 15

标签:count,checked,表格,++,创建,全选,选中,标签,var
From: https://www.cnblogs.com/460759461-zeze/p/18160613

相关文章

  • SQL Server实战二:创建、修改、复制、删除数据库表并加以数据处理
      本文介绍基于MicrosoftSQLServer软件,实现数据库表的创建、修改、复制、删除与表数据处理的方法。目录1交互式创建数据库表T2交互式创建数据库表S3T-SQL创建数据库表C4T-SQL创建数据库表SC5T-SQL创建数据库表TC6交互式向数据库表S中添加新列NATIVE7交互式修改数据库......
  • WPF 基础绘图 创建和加工图片
    本文将从控制台开始,告诉大家一个非常简单的WPF基础绘图方法,通过本文的方法可以调用WPF上层人类友好的方法,充分利用GPU资源,创建或加工图片,最终结果可以输出到本地文件,可支持编码出多种不同的图片格式本文仅用到WPF的多媒体渲染层,在WPF的这一层上的API是人类友好的,直接......
  • Shell 脚本:创建用户、创建同名用户组、配置密码、免密提权
    #!/usr/bin/envbashset-xeuopipefail#需要以root运行,或者sudoif[`id-u`-ne0]thenechoPleaserunthisscriptasrootorusingsudo!exitfiUserID=3001#TODO自行修改UserName=hello#TODO自行修改UserPwd=world#TODO自行......
  • Sping-IOC容器创建对象的方式
    4、IOC容器创建对象的方式4.1无参注入默认第一步编写实体类最好不要使用lombok插件packagepojo;publicclassUser{privateStringname;/*构造函数*/publicUser(){System.out.println("无参构造");}publicUser(Stringname)......
  • 12_自动创建设备节点
    自动创建设备节点自动创建设备节点简介​ 在嵌入式Linux中使用mdev来实现设备节点文件的自动创建和删除。​ udev是一种工具,它能够根据系统中的硬件设备的状态动态更新设备文件,包括设备文件的创建,删除等。设备文件通常放在/dev目录下。使用udev后,在/dev目录下就......
  • OU和域用户的创建
    OU和域用户的创建导航目录OU和域用户的创建导航一、创建ou二、创建用户三、验证一、创建ou在服务器管理器里面点击右上角的工具,选择ActiveDirectory用户和计算机右击我们的域,选择新建,选择组织单位,并填入我们的单位名字二、创建用户右击我们刚刚新建的组织单位,选......
  • Sping-接管创建对象
    3、使用Sping来接管创建对象3.1第一步新建一个实体类packagepojo;publicclassHello{privateStringstr;publicHello(){}publicHello(Stringstr){this.str=str;}publicStringgetStr(){returnstr;}......
  • 图文结合手把手教你创建SpringCloud项目
    前言什么是SpringCloud?SpringCloud是一系列框架的有序集合,它利用SpringBoot的开发便利性简化了分布式系统的开发,比如服务注册、服务发现、网关、路由、链路追踪等。SpringCloud并不是重复造轮子,而是将市面上开发得比较好的模块集成进去,进行封装,从而减少了各模块的开发成......
  • windows用脚本创建桌面快捷方式
    vbs创建setWshShell=WScript.CreateObject("WScript.Shell")strDesktop=WshShell.SpecialFolders("Desktop")'获取桌面路径setoShellLink=WshShell.CreateShortcut(strDesktop&"\myShortCut.lnk")'快捷方式将要保存到的完全路径oShellLink.T......
  • C语言数据结构:顺序栈的创建、出入栈,以及使用顺序栈实现十进制转十六进制
    /***********************************************************************************************************该程序实现顺序栈元素的增删改查,目的是提高设计程序的逻辑思维,另外为了提高可移植性,所以顺序栈中元素的*数据类型为DataType_t,用户可以根据实际情况修改......