当前位置： 首页 > news >正文

DOM编程-全选、全不选和反选

news 2026/3/26 6:25:15

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>全选、全不选和反选</title>
    </head>
    <body bgcolor="antiquewhite">
        <script type="text/javascript">
            window.onload = function(){
                //获取所有的爱好
                var aiHaos = document.getElementsByName("aiHao");
                //给全选按钮绑定鼠标单击事件
                document.getElementById("111").onclick = function(){
                    for(var i = 0;i < aiHaos.length;i++){
                        aiHaos[i].checked = true;
                    }
                }
                //给全不选按钮绑定鼠标点击事件
                document.getElementById("222").onclick = function(){
                    for(var i = 0;i < aiHaos.length;i++){
                        aiHaos[i].checked = false;
                    }
                }
                //给反选按钮绑定鼠标点击事件
                document.getElementById("333").onclick = function(){
                    for(var i = 0;i < aiHaos.length;i++){
                        //将当前复选框checked属性的相反值赋值给当前checked属性
                        aiHaos[i].checked = !(aiHaos[i].checked);
                    }
                }
            }
        </script>
        兴趣爱好：
                <input type="checkbox" name="aiHao" value="js" checked="checked"/>javaScript
                <input type="checkbox" name="aiHao" value="java"/>java
                <input type="checkbox" name="aiHao" value="json"/>json
                <input type="checkbox" name="aiHao" value="html"/>html
                <input type="checkbox" name="aiHao" value="css"/>css<br/>
                <input type="button" id="111" value="全都选">
                <input type="button" id="222" value="全不选">
                <input type="button" id="333" value="反向选"><br/>
    </body>
</html>

相关文章：

DOM编程-全选、全不选和反选

<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>全选、全不选和反选</title> </head> <body bgcolor"antiquewhite"> <script type"text/jav…...

编程日记 2023/5/30 11:22:00

C++11可变模板参数

C11可变模板参数一、简介二、语法三、可变模版参数函数3.1、递归函数方式展开参数包3.2、逗号表达式展开参数包一、简介 C11的新特性–可变模版参数&#xff08;variadic templates&#xff09;是C11新增的最强大的特性之一&#xff0c;它对参数进行了高度泛化&#xff0c;它能…...

编程日记 2023/5/30 11:23:12

Linux多线程

目录 一、认识线程 1.1 线程概念 1.2 页表 1.3 线程的优缺点 1.3.1 优点 1.3.2 缺点 1.4 线程异常 二、进程 VS 线程 三、Linux线程控制 3.1 POSIX线程库 3.1 线程创建 3.3 线程等待 3.4 线程终止 3.4.1 return退出 3.4.2 pthread_exit() 3.4.3 pthread_cancel…...

编程日记 2023/5/23 8:13:49

Webpack5 环境下 Openlayers 标注（Icon） require 引入图片问题

Webpack5 环境下 Openlayers 标注&#xff08;Icon&#xff09; require 引入图片问题环境版本Openlayers 使用 require 问题Webpack5 正确配置构建新环境的时候&#xff0c;偶然发现 Openlayers 使用 require 的方式加载图片&#xff08;Icon&#xff09;报错&#xff0c;开始…...

编程日记 2023/5/23 8:14:51

Zookeeper安装部署

文章目录Zookeeper安装部署Zookeeper安装部署 将Zookeeper安装包解压缩&#xff0c; [rootlocalhost opt]# ll 总用量 14032 -rw-r--r--. 1 root root 12392394 10月 13 11:44 apache-zookeeper-3.6.0-bin.tar.gz drwxrwxr-x. 6 root root 4096 10月 18 01:44 redis-5.0.4 …...

编程日记 2023/5/13 3:54:54

Cow Acrobats ( 临项交换贪心 )

题目大意&#xff1a; N 头牛 &#xff0c; 每头牛有一个重量(Weight)和一个力量(Strenth) &#xff0c; N头牛进行排列 &#xff0c; 第 i 头牛的风险值为其上所有牛总重减去自身力量 &#xff0c; 问如何排列可以使最大风险值最小 &#xff0c; 求出这个最小的最大风险值&am…...

编程日记 2023/5/30 11:24:36

MySQL：为什么说应该优先选择普通索引，尽量避免使用唯一索引

前言 在使用MySQL的过程中&#xff0c;随着表数据的逐渐增多&#xff0c;为了更快的查询我们需要的数据&#xff0c;我们会在表中建立不同类型的索引。 今天我们来聊一聊&#xff0c;普通索引和唯一索引的使用场景&#xff0c; 以及为什么说推荐大家优先使用普通索引&#xf…...

编程日记 2023/5/14 8:19:23

Spring Cloud alibaba之Feign

JAVA项目中如何实现接口调用&#xff1f;HttpclientHttpclient是Apache Jakarta Common下的子项目&#xff0c;用来提供高效的、最新的、功能丰富的支持Http协议的客户端编程工具包&#xff0c;并且它支持HTTP协议最新版本和建议。HttpClient相比传统JDK自带的URL Connection&a…...

编程日记 2023/5/13 3:57:59

零信任-Google谷歌零信任介绍(3)

谷歌零信任的介绍&#xff1f; "Zero Trust" 是一种网络安全模型&#xff0c;旨在通过降低网络中的信任级别来防止安全威胁。在零信任模型中&#xff0c;不论请求来自内部网络还是外部网络&#xff0c;系统都将对所有请求进行详细的验证和审核。这意味着每次请求都需…...

编程日记 2023/5/12 5:51:23

Numpy基础——人工智能基础

文章目录一、Numpy概述1.优势2.numpy历史3.Numpy的核心&#xff1a;多维数组4.numpy基础4.1 ndarray数组4.2 内存中的ndarray对象一、Numpy概述 1.优势 Numpy(Nummerical Python),补充了Python语言所欠缺的数值计算能力&#xff1b;Numpy是其它数据分析及机器学习库的底层库&…...

编程日记 2023/4/15 2:58:10

电商仓储与配送云仓是什么？

仓库是整个供给链的关键局部。它们是产品暂停和触摸的点&#xff0c;耗费空间和时间(工时)。空间和时间反过来也是费用。经过开发数学和计算机模型来微调仓库的规划和操作&#xff0c;经理能够显著降低与产品分销相关的劳动力本钱&#xff0c;进步仓库空间应用率&#xff0c;并…...

编程日记 2023/5/23 8:16:26

【零基础入门前端系列】—HTML介绍（一）

【零基础入门前端系列】—HTML介绍&#xff08;一&#xff09; 一、什么是HTML HTML是用来描述网页的一种语言HTML指的是超文本标记语言&#xff1a;HyperText Markup LanguageHTML不是一种编程语言&#xff0c;而是一种超文本标记语言&#xff0c;标记语言是一套标记标签(ma…...

编程日记 2023/5/30 11:25:47

Elasticsearch索引库和文档的相关操作

前言&#xff1a;最近一直在复习Elasticsearch相关的知识&#xff0c;公司搜索相关的技术用到了这个&#xff0c;用公司电脑配了环境&#xff0c;借鉴网上的课程进行了总结。希望能够加深自己的印象以及帮助到其他的小伙伴儿们&#x1f609;&#x1f609;。 如果文章有什么需要…...

编程日记 2023/5/15 13:16:14

使用Python，Opencv检测图像，视频中的猫

使用Python&#xff0c;Opencv检测图像&#xff0c;视频中的猫&#x1f431; 这篇博客将介绍如何使用Python&#xff0c;OpenCV库附带的默认Haar级联检测器来检测图像中的猫。同样的技术也可以应用于视频流。这些哈尔级联由约瑟夫豪斯&#xff08;Joseph Howse&#xff09;训练…...

编程日记 2023/2/13 16:14:06

浅谈域名和服务器集约化管理的误区

一个正常的网站通常由域名、网站程序、服务器三个部分组成&#xff0c;网站程序由单位开发设计&#xff0c;而域名和服务器则需要租用购买&#xff0c;那么域名和服务器之间的关系是什么&#xff1f;如何实现域名和服务器的有效管理呢&#xff1f; 服务器和域名的关系 服务器…...

编程日记 2023/5/27 15:22:37

迪赛智慧数——柱状图（正负条形图）：20212022人才求职最关注的因素

效果图从近两年职场跳槽方向看&#xff0c;相比此前人们对高薪大厂趋之若鹜&#xff0c;如今职场人更关注业务前景。根据相关数据显示&#xff0c;职场人求职最关注的因素中&#xff0c;“薪资福利”权重下降&#xff0c;“个人发展”权重上升&#xff0c;“业务前景”首次进入…...

编程日记 2023/5/27 15:23:02

网络安全-黑帽白帽红客与网络安全法

网络安全-黑帽白帽红客与网络安全法 本章内容较少&#xff0c;因为刚开端。 黑客来源于hacker 指的是信息安全里面&#xff0c;能够自由出入对方系统&#xff0c;指的是擅长IT技术的电脑高手 黑帽黑客-坏蛋&#xff0c;研究木马的&#xff0c;找漏洞的&#xff0c;攻击网络或者…...

编程日记 2023/5/17 11:19:05

Xpath元素定位之同级节点，父节点，子节点

XPath学习:轴(8)——following-siblingXPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。XPath 是 W3C XSLT 标准的主要元素&#xff0c;并且 XQuery 和 XPointer 同时被构建于 XPath 表达之上。推荐一个挺不错的网站&#xff1a;htt…...

编程日记 2023/5/24 22:10:08

华为OD机试 - 挑选字符串（Python）| 真题+思路+代码

挑选字符串 题目 给定 a-z，26 个英文字母小写字符串组成的字符串 A 和 B， 其中 A 可能存在重复字母，B 不会存在重复字母， 现从字符串 A 中按规则挑选一些字母可以组成字符串 B 挑选规则如下： 同一个位置的字母只能挑选一次， 被挑选字母的相对先后顺序不能被改变， 求最…...

编程日记 2023/5/14 8:37:29

python笔记-- “__del__”析构方法

-#### 1、基本概念&#xff08;构造函数与析构函数&#xff09; 特殊函数&#xff1a;由系统自动执行&#xff0c;在程序中不可显式地调用他们 构造函数&#xff1a; 建立对象时对对象的数据成员进行初始化&#xff08;对象初始化&#xff09; 析构函数&#xff1a; 对象生命期…...

编程日记 2023/5/23 8:17:39

ResNet18物体识别在内容审核中的应用：快速过滤与分类图片

ResNet18物体识别在内容审核中的应用&#xff1a;快速过滤与分类图片 1. 内容审核的挑战与解决方案 在当今数字内容爆炸式增长的时代&#xff0c;内容审核已成为平台运营的关键环节。每天都有海量的图片需要被快速准确地分类和过滤&#xff0c;传统人工审核方式已无法满足需求…...

编程新知 2026/3/26 5:57:29

本科生必看！全学科适配AI论文神器——千笔·专业降AI率智能体

论文写作&#xff0c;是每个本科生绕不开的挑战。选题难、框架乱、查重高、格式错……这些问题是否让你焦头烂额&#xff1f;别再独自挣扎&#xff0c;千笔AI——全学科适配的智能论文助手&#xff0c;正在为无数学生带来高效、专业的写作体验。千笔AI(官网直达入口) &#xff…...

编程新知 2026/3/26 5:30:16

SkeyeVSS平台录像任务调度与设备录像查询机制详解

1. 简介 在基于 GB/T 28181 国家标准构建的视频监控平台中&#xff0c;录像功能是核心业务之一&#xff0c;主要分为两类&#xff1a; 平台侧计划录像&#xff1a;由平台主动发起&#xff0c;通过媒体服务器向设备请求实时流&#xff0c;并在平台侧&#xff08;本地或云存储&am…...

编程新知 2026/3/26 5:03:48

【网络安全】CSRF跨站请求伪造：从原理到防御全解析

前言 如果说XSS是利用了用户对网站的信任&#xff0c;那么CSRF&#xff08;Cross-Site Request Forgery&#xff0c;跨站请求伪造&#xff09;则是利用了网站对用户浏览器&#xff08;Cookie&#xff09;的信任。 1. 什么是CSRF&#xff1f; CSRF&#xff0c;全称Cross-Site Re…...

编程新知 2026/3/26 4:51:46

（2024|TMLR|Meta，DINOv2，ViT，自蒸馏，iBOT，SwAV 中心化，判别式自监督预训练，分类/分割，分辨率调整）无监督稳健的视觉特征学习

DINOv2: Learning Robust Visual Features without Supervision 论文地址&#xff1a;https://arxiv.org/abs/2304.07193 项目页面&#xff1a;https://github.com/facebookresearch/dinov2 进 Q 学术交流群&#xff1a;922230617 或加 CV_EDPJ 进 W 交流群 目录 1. 引言 2…...

编程新知 2026/3/26 2:08:59

OpenClaw监控方案：Qwen3-VL:30B任务执行日志与告警配置

OpenClaw监控方案&#xff1a;Qwen3-VL:30B任务执行日志与告警配置 1. 为什么需要监控OpenClaw自动化任务&#xff1f; 去年冬天&#xff0c;我部署了一个OpenClaw自动化流程来帮我整理技术文档。某个周末&#xff0c;这个本该每天运行的脚本突然"失联"了——直到周…...

编程新知 2026/3/26 0:58:42

SEO_10个提升网站排名的SEO优化技巧分享（80 ）

SEO优化技巧&#xff1a;提升网站排名的10个秘诀 在当今竞争激烈的互联网市场中&#xff0c;网站的排名直接关系到它的流量和商业成功。SEO&#xff08;搜索引擎优化&#xff09;技巧的掌握能够显著提升网站在搜索引擎中的曝光度。本文将分享十个提升网站排名的SEO优化技巧&…...

编程新知 2026/3/26 0:04:17

突破macOS无损音质瓶颈：LosslessSwitcher实现音频采样率智能切换

突破macOS无损音质瓶颈&#xff1a;LosslessSwitcher实现音频采样率智能切换 【免费下载链接】LosslessSwitcher Automated Apple Music Lossless Sample Rate Switching for Audio Devices on Macs. 项目地址: https://gitcode.com/gh_mirrors/lo/LosslessSwitcher 副标…...

编程新知 2026/3/25 23:58:15

LeetCode1170题解：预处理+二分查找

LeetCode第1170题[比较字符串最小字母出现频次] 典型的先预处理&#xff0c;再二分统计 题目本质&#xff1a; 对于每个 queries[i]&#xff0c;计算&#xff1a;有多少个 word 满足 f(queries[i]) < f(word) 也就是&#xff1a;先求出查询串的 f 再去 words 里数有多少个…...

编程新知 2026/3/25 22:21:05

NanoMsg vs ZeroMQ：轻量级通信库选型指南（性能对比+迁移成本分析）

NanoMsg vs ZeroMQ&#xff1a;轻量级通信库选型指南&#xff08;性能对比迁移成本分析&#xff09; 在构建分布式系统或微服务架构时&#xff0c;选择合适的通信库往往决定了系统的可扩展性和维护成本。NanoMsg和ZeroMQ作为两款轻量级、高性能的通信库&#xff0c;经常被开发者…...

编程新知 2026/3/25 21:50:44