JavaScript全选、全不选、反选

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述


版权声明:本文为Huang_Qi_Yi原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。