单选全选框如何实现

简介: 单选全选框如何实现

我在写移动端项目中多次都需要用到单选全选问题,实现方法也是非常简单的!接下来我们就直接上代码把!!!简单易懂大家自己看把。

全选

// 全选
function quanxuan() {
    let quan = document.getElementById("全选名");
    let ge = document.getElementsByClassName("单选名")
    for (let i = 0; i < ge.length; i++) {
        if (quan.checked == false) {
            ge[i].checked = false;
        } else {
            ge[i].checked = true;
        }
    }
}

单选

// 单选
function danxuan() {
    let quan = document.getElementById("全选名");
    let ge = document.getElementsByClassName("单选名")
    for (let i = 0; i < ge.length; i++) {
        if (ge[i].checked == false) {
            quan.checked = false;
            return;
        } else {
            quan.checked = true;
        }
    }
}

代码非常简单的!!!自行研究

目录
相关文章
|
前端开发
【前端|CSS系列第3篇】CSS盒模型、浮动及定位
【前端|CSS系列第3篇】CSS盒模型、浮动及定位
254 1
|
安全 数据处理 开发工具
第三方SDK合规浅析
近日,工信部通报了22款APP、SDK存在侵害用户权益行为。通报超半数的原因违反了《个保法》最小化收集的原则,包括超范围收集个人信息,APP强制、频繁、过度索取权限。
348 1
|
Linux 开发工具 git
Xilinx Bit文件格式详解
Xilinx Bit文件格式详解
1117 0
Xilinx Bit文件格式详解
|
域名解析 安全 应用服务中间件
手把手教你安装WordPress详细教程(图文)
如果还有不了解宝塔面板怎么使用的小伙伴,可以看下我总结的系列教程,保证从新手变老鸟:
1494 0
手把手教你安装WordPress详细教程(图文)
|
6月前
|
编解码 人工智能 安全
快来试试这个开箱即用的万相2.1服务!!!
阿里云万相2.1系列提供高效灵活的视频生成解决方案,支持文生视频、图生视频等多模态任务。通过阿里云计算巢与ComfyUI推出的快速视频生成服务,用户可轻松制作微电影或短视频。针对长视频生成,提供了三种方法:使用高性能显卡、首尾帧拼接和补帧模型。此外,还内置工作流实现文生图和图生图功能,简单易用。部署说明及使用流程详细列出,方便开发者快速上手。访问计算巢了解更多有趣服务。
|
12月前
|
自然语言处理 搜索推荐 数据库
高性能分布式搜索引擎Elasticsearch详解
高性能分布式搜索引擎Elasticsearch详解
292 4
高性能分布式搜索引擎Elasticsearch详解
|
Ubuntu Linux 网络安全
ubuntu linux通过rclone 挂载onedrive 到本地磁盘
ubuntu linux通过rclone 挂载onedrive 到本地磁盘
617 2
|
前端开发 安全 JavaScript
Fiddler实现 HTTP 网络抓包
Fiddler实现 HTTP 网络抓包
|
C语言
pta 浙大版《C语言程序设计(第3版)》题目集 习题6-6 使用函数输出一个整数的逆序数 (20分)
pta 浙大版《C语言程序设计(第3版)》题目集 习题6-6 使用函数输出一个整数的逆序数 (20分)