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开发人员可能会有用。
507 0
|
算法 计算机视觉
AIGC或成为2024小说行业“第一变量”
【1月更文挑战第17天】AIGC或成为2024小说行业“第一变量”
195 2
AIGC或成为2024小说行业“第一变量”
|
存储 算法 Java
Java数据结构与算法分析(三)链表(单链表、双链表、环形链表)
通过前篇文章《[数组](https://blog.csdn.net/gozhuyinglong/article/details/109702860)》了解到数组的存储结构是一块连续的内存,插入和删除元素时其每个部分都有可能整体移动。为了避免这样的线性开销,我们需要保证数据可以不连续存储。本篇介绍另一种数据结构:链表。
332 0
|
SQL JSON 测试技术
第三代api自动化测试框架使用教程(pytest+allure+sql+yaml)
第三代api自动化测试框架使用教程(pytest+allure+sql+yaml)
|
Kubernetes 监控 Java
flink-kubernetes-operator的简单使用
flink-kubernetes-operator的简单使用
4026 0
flink-kubernetes-operator的简单使用
|
C语言
一些最近总结的C语言要注意的问题和对于一些问题的理解
一些最近总结的C语言要注意的问题和对于一些问题的理解
89 0
【C++STL】模拟实现vector容器
【C++STL】模拟实现vector容器
|
索引 Python
python流程控制
python流程控制
186 0
|
SQL 消息中间件 缓存
|
消息中间件 缓存 运维
性能测试技术笔记(一):如何快速上手压测工作
如果是专职做性能测试,或者刚介入一个全新的系统进行压测,想要短时间内了解业务细节是几乎不可能的。
性能测试技术笔记(一):如何快速上手压测工作