![](https://1000bd.com/contentImg/2022/08/02/182618152.webp)
🔎这里是【JavaScript】,关注我学习前端不迷路
👍如果对你有帮助,给博主一个免费的点赞以示鼓励
欢迎各位🔎点赞👍评论收藏⭐️
👀专栏介绍
【JavaScript】 目前主要更新JavaScript,一起学习一起进步。
👀本期介绍
本期主要介绍案例 :复选框全选-全不选&省市二级联动以及课外扩展
文章目录
1. 案例 3:复选框全选-全不选
1.1 需求说明及分析
2. 案例 4:省市二级联动
2.1 需求说明及分析
3. 课外扩展(了解)
3.1 Node 节点属性
3.2 节点方法
3.2 创建节点
1. 案例 3:复选框全选-全不选
1.1 需求说明及分析
![](https://1000bd.com/contentImg/2022/08/03/141358727.png)
为了达到以上效果,我们需要获取所有的复选框元素对象,然后对 checked 属性进行操作即可
2. 案例 4:省市二级联动
2.1 需求说明及分析
![](https://1000bd.com/contentImg/2022/08/03/141358867.png)
提示:
onchange
当前元素的
value
值:
this.value
3. 课外扩展(了解)
3.1 Node 节点属性
![](https://1000bd.com/contentImg/2022/08/03/141358992.png)
![](https://1000bd.com/contentImg/2022/08/03/141359124.png)
3.2 节点方法
![](https://1000bd.com/contentImg/2022/08/03/141359289.png)
以上方法已经被 innerHTML 属性替代
![](https://1000bd.com/contentImg/2022/08/03/141359448.png)
追加节点
3.2 创建节点
![](https://1000bd.com/contentImg/2022/08/03/141359968.png)
以上方法已经被 innerHTML 属性替代
![](https://1000bd.com/contentImg/2022/08/03/141400117.png)