JavaScript全选、全不选、反选

news/2024/7/19 13:32:17 标签: js

预览:在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

1. 首先是html的布局。分别给人名前面加个input的勾选框,然后分别给全选、全不选和反选一个button按钮。

在这里插入图片描述

2. 接着就是js部分,首先我们先获取到input和button。

在这里插入图片描述

3. 选中第一个button,然后给个for循环,点击全选时全部选中。
这时checked结果为true。

在这里插入图片描述

4. 接着选中第二个button反选按钮,for循环,这时checked结果为

在这里插入图片描述

5. 最后就是反选,让checked结果相反取反

在这里插入图片描述


http://www.niftyadmin.cn/n/583127.html

相关文章

C#TrickTip: 使用 ref 与 out 传递参数的区别

很早就知道C# 提供了 ref 和 out 关键字以便参数按引用(地址)传递,用着用着经常搞混淆了,从MSDN中整理了一下,方便以后查阅:相同点:1.使参数按引用传递,注意这里的“引用”与我们通常…

id vue2路由传参_vue路由传参的三种方式以及解决vue路由传参页面刷新参数丢失问题...

最近项目中涉及到跨页面传参数和后台进行数据交互,看到需求之后第一反应就是用路由传参来解决;Vue中给我们提供了三种路由传参方式,下面我们一个一个的来看一下:方法一:params传参:this.$router.push({ …

Chipmunk碰撞形状:cpShape

目前有3种碰撞类型: 圆(Circles):最快并且最简单的碰撞形状线段(Line segment):主要用于静态形状.可以表示斜线(Can be beveled in order to give them a thickness)凸多边形(Convex polygons):最慢,但最灵活的碰撞形状. 你可以给物体添加任何多个形状.这就是为什么2种类型是…

Webconfig中使用appSettings设置连接字符串(转)

定义在web.config中的<appSettings>元素中的键值可被所有子文件夹中的aspz文件使用.方便修改多个aspx文件的数据. 以数据库连接为例:1,web.config中...</system.web><appSettings><add key "Nwind" value "server(local)\NetSdk;databas…

(NO.00001)iOS游戏SpeedBoy Lite成形记(二十八):增加排行榜功能

游戏大体上基本也就完成了,还差一个排行榜.否则如何激励各位选手创造新纪录呢? 排行榜功能也没什么难的,不过需要一点点排序的算法上的考虑. 这里我们把排行榜记录数据和排序都放在GameState类中,在GameScene类中只要完成2件事: 1.每次选手到达终点时更新记录 2.玩家点击R…

sap 新建事务_sap 常用事务代码

这是SAP Retail的ECC5.0&#xff0c;也不知道与行业有不有关。SCOT and SOST发送email管理VOFM公式计算,增强.WE30创建IDOCMM41创建商品MM42修改商品MM43查看商品RWBE查看商品分类、商品的库存情况MB1C无参考出货&#xff0c;一般用于初始化库存ME21N创建采购订单SCC3查看后台工…

[转载]创建以Microsoft .NET Remoting为基础的分布式应用架构

引言在论坛里经常看见有人问&#xff1a;使用.NET Remoting如何从服务器主动发出事件通知客户端&#xff1f;的确&#xff0c;初接触.NET Remoting的人多半会有这样的疑问&#xff0c;因为大部分的文章和书籍在介绍.NET Remoting时都只介绍了通道&#xff0c;对象&#xff0c;激…

Css特效涟漪按钮

1. 首先创建两个按钮&#xff0c;使按钮居中&#xff0c;圆角&#xff0c;渐变等 2. 接着获取按钮元素&#xff0c;遍历出每个a标签&#xff0c;mousedown鼠标点击接着给它一个回调function&#xff08;e&#xff09;对象&#xff0c;然后设置一个span元素&#xff0c;接着运算…