前端学习之DOM编程案例：全选反选案例
代码
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>全选反选</title>
</head>
<body><input type="checkbox" id="all">全选<ul><li><input type="checkbox" class="all_check">看书</li><li><input type="checkbox" class="all_check">打篮球</li><li><input type="checkbox" class="all_check">唱</li><li><input type="checkbox" class="all_check">跳</li><li><input type="checkbox" class="all_check">rap</li></ul><script>let all = document.querySelector('#all')let all1 = document.querySelectorAll('ul>li>input')all.onclick=function(){if(all.checked == true){for (i of all1){i.checked = true}}else{for(i of all1){i.checked = false}}}</script>
</body>
</html>结果
不嫌弃的点点关注，点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧
相关文章：
前端学习之DOM编程案例：全选反选案例
代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>全选反选</title> </head> <body><input type"checkbox" id"all">全选<ul><li><…...
golang map
1.底层实现 2.如何解决hash冲突 3.扩容机制 4.无序 5.非线程安全 6.不可寻址 runtime/map.go 1.底层实现 底层基于hash表实现，实现有2个结构体hmap，bmap，map由若干个桶存储，每个桶存8个元素，使用链地址解决hash冲突 …...
设计模式：享元模式案例
让我们以游戏开发中的棋类游戏（例如国际象棋）为例来展示享元模式的代码实现。在这个例子中，棋子的类型是内部状态，而棋子的位置是外部状态。 Java 代码示例 import java.util.HashMap; import java.util.Map;// 享元接口 interf…...
)
pandas(day5)
一. 检测重复值 1.1 检测 data pd.read_csv("./teacher/订单数据.csv")检测行与行之前是否有重复值 data.drop_duplicates()检测 列是否有重复值出现， keep first 从前往后判定 ， last是从后往前判定data.drop_duplicates(subset["产…...
如何注册midjourney账号
注册Midjourney账号比较简单，准备好上网工具，进入官网 Midjourney访问地址： https://www.midjourney.com/ 目前没有免费使用额度了，会员最低 10 美元/月，一般建议使用30美元/月的订阅方案。了解如何订阅可以查看订阅…...
探索数据结构：特殊的双向队列
✨✨ 欢迎大家来到贝蒂大讲堂✨✨ 🎈🎈养成好习惯，先赞后看哦~🎈🎈 所属专栏：数据结构与算法 贝蒂的主页：Betty’s blog 1. 双向队列的定义 **双向队列(double‑ended queue)**是一种特殊的队列…...
16_I2C库函数
I2C库函数 1.void I2C_DeInit(I2C_TypeDef* I2Cx);2.void I2C_Init(I2C_TypeDef* I2Cx, I2C_InitTypeDef* I2C_InitStruct);3.void I2C_StructInit(I2C_InitTypeDef* I2C_InitStruct);4.void I2C_Cmd(I2C_TypeDef* I2Cx, FunctionalState NewState);5.void I2C_DMACmd(I2C_Type…...
十八、Rust gRPC 多 proto 演示
十八、Rust gRPC 多 proto 演示 网上及各官方资料，基本是一个 proto 文件，而实际项目，大多是有层级结构的多 proto 文件形式，本篇文章 基于此诉求，构建一个使用多 proto 文件的 rust grpc 使用示例。 关于 grpc 的实现…...
【Linux】Linux64位环境下编译32位报错skipping incompatible的解决办法
本文首发于 ❄️慕雪的寒舍 问题 如题，当我尝试在wsl2的ubuntu中使用-m32选项编译32位程序的时候，出现了下面的两种报错 ❯ g -m32 test.cpp -o test1 && ./test1 In file included from test.cpp:1: /usr/include/stdio.h:27:10: fatal error…...
vue指令v-model
<!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta name"viewport" content"widthdevice-width, initial-scale1.0"> <title>vue指令v-model</title> </head>…...
CentOS安装MySQL数据库
一、更新yum源 #下载对应repo文件 wget -O CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-8.repo #清除缓存 yum clean all #生成新缓存 yum makecache #更新 yum update -y 二、安装MySQL #获取源 wget http://repo.mysql.com/mysql80-community-release-el7-3.…...
从B2B转向B2B2C模式：工业品牌史丹利百得的转型历程
图片来源：Twitter 在当今数据驱动的营销环境中，企业努力更好了解客户，并在整个客户旅程中提供个性化体验。史丹利百得（Stanley Black & Decker）是一家领先的工具和工业设备供应商，近年来开始重大转型。…...
Redis群集模式和rsync远程同步
一、Redis群集模式 1.1 概念 1.2 作用 1.2.1 Redis集群的数据分片 1.2.2 Redis集群的主从复制模型 1.3 搭建Redis 群集模式 1.3.1 开启群集功能 1.3.2 启动redis节点 1.3.3 启动集群 1.3.4 测试群集 二、rsync远程同步 2.1 概念 2.2 同步方式 2.3 备份的方式 2.4…...
JAVA—抽象—定义抽象类Converter及其子类WeightConverter
同样，我们由这道题引出抽象类，抽象方法这个概念。 按下面要求定义类Converter及其子类WeightConverter 定义抽象类：Converter： 定义一个抽象类Converter，表示换算器，其定义的如下： 一个私有…...
面对复杂多变的网络攻击，企业应如何守护网络安全
企业上云，即越来越多的企业把业务和数据，迁移到云端。随着云计算、大数据、物联网、人工智能等技术的发展，用户、应用程序和数据无处不在，企业之间的业务边界逐渐被打破，网络攻击愈演愈烈，手段更为多。 当前…...
计算机网络练习-计算机网络概述与性能指标
计算机网络概述 ----------------------------------------------------------------------------------------------------------------------------- 1. 计算机网络最据本的功能的是( )。 1,差错控制 Ⅱ.路由选择 Ⅲ,分布式处理 IV.传输控制 …...
vite vue3 ts import.meta在vscode中报错
问题描述：开发使用的框架为vitevue3ts，在开发过程中莫名其妙报仅当“--module”选项为“es2020”、“esnext”或“系统”时才允许使用“import.meta”元属性 问题解决： 通过更改tsconfig.json的module为esnext，es2022等࿰…...
Java synchronized（详细）
synchronized 一，介绍 在Java中，synchronized关键字用于解决多线程并发访问共享资源时可能出现的线程安全问题。当多个线程同时访问共享资源时，如果没有合适的同步机制，可能会导致以下问题： 竞态条件（…...
算法设计与分析实验报告python实现(排序算法、三壶谜题、交替放置的碟子、带锁的门)
一、 实验目的 1．加深学生对算法设计方法的基本思想、基本步骤、基本方法的理解与掌握； 2．提高学生利用课堂所学知识解决实际问题的能力； 3．提高学生综合应用所学知识解决实际问题的能力。 二、实验任务 1、排序算法…...
实训问题总结——ajax用get可以成功调用controller方法，用POST就出404错误
因为传输密码时必须用POST。 还有用GET传输参数，说有非法字符，想试试POST是否可以解决。 404错误的三个大致原因，1：找不到对的请求路径，2：请求方式错误，3、请求参数错误。 后来可以调用了。但…...
5个简单步骤，用AlienFX Tools彻底告别AWCC臃肿软件
5个简单步骤，用AlienFX Tools彻底告别AWCC臃肿软件 【免费下载链接】alienfx-tools Alienware systems lights, fans, and power control tools and apps 项目地址: https://gitcode.com/gh_mirrors/al/alienfx-tools 你是否厌倦了Alienware Command Center&…...
C# Winform项目实战：手把手教你用SqlHelper类打造安全的登录模块（防SQL注入版）
C# Winform安全登录实战：基于SqlHelper的参数化防注入方案 登录功能作为系统安全的第一道防线，其重要性不言而喻。许多初级开发者在实现Winform登录模块时，往往直接拼接SQL字符串进行验证，这无异于为黑客敞开了大门。本文将带你重…...
macOS Python 安装
目录 一、确认系统环境 二、安装 （一）下载安装包 （二）安装过程 三、配置环境变量 四、验证安装 一、确认系统环境 在安装 Python 之前，我们先简单了解一下自己的 MACOS 系统。可以点击屏幕左上角的苹果菜单&…...
Deep Searcher：解析混合搜索，打通向量检索的最后一公里
1. 项目概述：向量检索的“最后一公里”难题最近在折腾RAG（检索增强生成）应用，发现一个挺普遍的问题：向量数据库确实好用，把文本转成向量塞进去，靠相似度搜索能快速找到相关内容。但实际用起来&a…...
别再用USB 2.0的思维画板子了！USB 3.0硬件设计避坑指南（附FT602Q实战）
从USB 2.0到USB 3.0：硬件工程师必须掌握的五大设计范式升级 当USB 3.0的5Gbps传输速率成为现代设备的标配时，许多硬件工程师仍然在用USB 2.0时代的思维设计电路。这种思维惯性带来的信号完整性问题，往往在项目后期才会暴露——信号抖动超标、…...
编程技能树：从命令行到项目实战的系统化学习路径
1. 项目概述：一个面向编程初学者的结构化技能树最近在GitHub上看到一个挺有意思的项目，叫“karpathy-skills-anycoding”。光看名字，你可能觉得这又是某个高深莫测的机器学习框架或者前沿算法库。但点进去之后，我发现它的内核其实…...
终极JSXBIN解码器深度解析：高性能Adobe脚本反编译引擎架构设计
终极JSXBIN解码器深度解析：高性能Adobe脚本反编译引擎架构设计 【免费下载链接】jsxer A fast and accurate JSXBIN decompiler. 项目地址: https://gitcode.com/gh_mirrors/js/jsxer 在Adobe创意生态系统中，JSXBIN格式作为ExtendScript脚本的二进…...
Poe-OpenAI代理：统一多模型API调用与协议转换实战
1. 项目概述：当Poe遇上OpenAI API 如果你和我一样，既沉迷于Claude、ChatGPT这些大模型的能力，又对OpenAI官方API那套简洁统一的调用方式情有独钟，那你肯定也遇到过这个痛点：想用一个统一的接口去调用不同厂商、不同能…...
RISC-V生态资源导航：从Awesome列表到实战开发环境搭建
1. 项目概述：为什么RISC-V值得拥有一个“Awesome”列表？如果你最近几年在处理器架构、嵌入式系统或者开源硬件领域有所涉猎，那么“RISC-V”这个词对你来说一定不陌生。它不再是一个仅限于学术论文或小众极客圈子的概念，而是正在实…...
Think3D框架：增强视觉语言模型的3D空间推理能力
1. 项目背景与核心价值最近在计算机视觉和自然语言处理的交叉领域，3D空间理解能力正成为新一代多模态模型的必备技能。Think3D框架的提出，恰好填补了当前视觉语言模型在三维场景理解方面的关键短板。传统视觉语言模型如CLIP、BLIP等在2D图像描述和问答任…...