【JavaScript】案例 :复选框全选-全不选&省市二级联动以及课外扩展

🔎这里是【JavaScript】，关注我学习前端不迷路
👍如果对你有帮助，给博主一个免费的点赞以示鼓励
欢迎各位🔎点赞👍评论收藏⭐️

👀专栏介绍

【JavaScript】 目前主要更新JavaScript，一起学习一起进步。

👀本期介绍

本期主要介绍案例 :复选框全选-全不选&省市二级联动以及课外扩展

文章目录

​​1. 案例 3：复选框全选-全不选​​

​​1.1 需求说明及分析​​

​​2. 案例 4：省市二级联动​​

​​2.1 需求说明及分析​​

​​3. 课外扩展（了解）​​

​​3.1 Node 节点属性​​

​​3.2 节点方法​​

​​3.2 创建节点​​

1. 案例 3：复选框全选-全不选

1.1 需求说明及分析

为了达到以上效果，我们需要获取所有的复选框元素对象，然后对 checked 属性进行操作即可

2. 案例 4：省市二级联动

2.1 需求说明及分析

提示： onchange

当前元素的 value 值： this.value

3. 课外扩展（了解）

3.1 Node 节点属性

3.2 节点方法

以上方法已经被 innerHTML 属性替代

追加节点

 

 

3.2 创建节点

以上方法已经被 innerHTML 属性替代