jquery全选和取消全选

简介: jquery全选和取消全选

其实就这固定的代码在哪都能用,不过需要改一下名称就ok了!

//全选和取消全选
$(function() {//自执行
  $('#select_all').click(function() {//全选按钮
    for (let i = 0; i < $('.radio').length; i++) {//循环单选按钮
      $('.radio').eq(i).prop("checked", $(this).prop("checked")) //单选按钮全选
      $('.radio').eq(i).click(function() {//单选按钮点击事件
        let oneList = $('.radio')//获取所有单选按钮
        for (let p = 0; p < oneList.length; p++) {//循环所有单选按钮
          if (!$(oneList[p]).prop("checked")) {//如果所有单选按钮有一个没背选中则全选按钮取消选中
            $('#select_all').prop("checked", false) //取消全选
            return;
          }
        }
        $('#select_all').prop("checked", true) //全选
      })
    }
  })
})
相关文章
|
存储 编译器
[Eigen中文文档] 深入了解 Eigen - 类层次结构
本页面介绍了Eigen类层次结构中 Core 类的设计及其相互关系。一般用户可能不需要关注这些细节,但对于高级用户和Eigen开发人员可能会有用。
407 0
|
传感器 人工智能 图形学
UnityAI——常用感知类型的实现
UnityAI——常用感知类型的实现
120 0
|
12月前
|
算法 JavaScript 前端开发
【经典算法】LCR187:破冰游戏(约瑟夫问题,Java/C/Python3/JavaScript实现含注释说明,Easy)
【经典算法】LCR187:破冰游戏(约瑟夫问题,Java/C/Python3/JavaScript实现含注释说明,Easy)
141 1
|
编译器 C语言
初学C语言常见的错误
初学C语言常见的错误
|
12月前
|
存储 Python 容器
Python零基础入门-5 数据结构(集合和字典)
Python零基础入门-5 数据结构(集合和字典)
|
存储 SQL 分布式计算
使用Apache Hudi构建大规模、事务性数据湖
使用Apache Hudi构建大规模、事务性数据湖
213 0
|
机器学习/深度学习 自然语言处理
社区供稿 | EcomGPT:基于任务链数据的电商大模型(附魔搭推理实践)
在电商领域中,自然语言处理和深度学习的发展对电商技术的推进做出了很大的贡献。通过这些技术,可以实现从产品信息提取到用户查询理解等多种能力,尤其是近期各类大语言模型(Large Language Models,LLMs)的涌现,让我们看到了它们在电商领域引用的潜力。然而,通用的大语言模型并不是专门为电商领域设计的,这可能导致它们在电商任务中表现不佳。
|
设计模式 Go
[设计模式 Go实现] 结构型~装饰模式
[设计模式 Go实现] 结构型~装饰模式
|
12月前
|
数据库 索引 Python
10.Python【序列】- 字符串(下)
10.Python【序列】- 字符串
52 0
|
SQL JSON 测试技术
第三代api自动化测试框架使用教程(pytest+allure+sql+yaml)
第三代api自动化测试框架使用教程(pytest+allure+sql+yaml)
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等