使用JavaScript完成复选框的全选和全不选
2021-01-29 05:17
阅读：435
YPE html>
标签：title box document onclick 数码 nts 代码 代码实现 get
复选框的全选和全不选
需求分析
? 商品分类界面中，当我们点击全选框的时候，我们希望选中所有的商品，当我们取消掉的时候，我们希望不选中所有的商品
技术分析
checked="checked" 选择复选框
事件 : onclick点击事件
getElementsByTagName：返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。
getElementsByName：返回包含带有指定类名的所有元素的节点列表。
步骤分析
全选和全不选步骤分析:
1.确定事件: onclick 单机事件
2.事件触发函数: checkAll()
3.函数要去做一些事情:
获得当前第一个checkbox的状态
获得所有分类项的checkbox
修改每一个checkbox的状态
代码实现
分类ID
分类名称
分类商品
分类描述
操作
1
手机数码
华为,小米,尼康
黑马数码产品质量最好
修改|删除
2
成人用品
充气的
这里面的充气电动硅胶的
修改|删除
3
电脑办公
联想,小米
笔记本特卖
修改|删除
4
馋嘴零食
辣条,麻花,黄瓜
年货
修改|删除
5
床上用品
床单,被套,四件套
都是套子
修改|删除
使用JavaScript完成复选框的全选和全不选
标签：title box document onclick 数码 nts 代码 代码实现 get
原文地址：https://www.cnblogs.com/zllk/p/12833982.html
上一篇：JUC---00创建线程的方式
文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：使用JavaScript完成复选框的全选和全不选
文章链接：http://soscw.com/index.php/essay/48548.html
文章标题：使用JavaScript完成复选框的全选和全不选
文章链接：http://soscw.com/index.php/essay/48548.html
评论
亲，登录后才可以留言！