js如何判断复选框是否被选中(js获取复选框选中的值)

js如何判断复选框是否被选中(js获取复选框选中的值)

  相信不少人经常遇到全选中或者全不选中的情形,依旧是淘宝上的购物车,而这个也可以使用脚本来完成相应的功能。所以本篇博文就是主要来介绍一下相关的知识点。

  我们希望在后台系统实现一个批量删除的操作(全选所有的复选框),显示效果如下:

  第一步,首先我们要先实现这个页面;

  第二步,选中全选的那个复选框,通过id来选中;

  第三步,当这个总的选中之后,下面的也要选中,下面用name元素。

  实现效果如下所示:

  四、JavaScript的DOM的操作

  介绍完上面的案例之后,接下来要介绍的就是JavaScript的DOM操作了…

  4.1什么是DOM?

  DOM:Document Object Model,文档对象模型,定义访问和操作结构化文档(HTML)的方式。

  创建结构化的文档:HTML、XML等

  DOM通常包括核心DOM,HTML DOM,XML DOM,通常HTML DOM和XML DOM是可以相互使用的

  HTML DOM将整个HTML文档呈现成一棵DOM树,书中有元素,属性,文本等成员,大概结构如下所示:

  4.2Document对象

  每个载入浏览器的 HTML 文档都会成为 Document 对象。

  以下两个方法很重要,但是在手册中查不到!

  创建文本节点:document.createTextNode()

  创建元素节点:document.createElement()

  4.3Element对象

  什么是element对象?我们所认知的html页面中所有的标签都是element元素

  下面介绍一些关于element的一些相关的方法:

  4.4Attribute对象

  什么是Attribute对象?我们所认知的HTML中的所有标签的属性都是Attribute对象。

  推荐下我的前端群:524262608,不管你是小白还是大牛,小编我都欢迎,不定期分享干货,包括我自己整理的一份前端资料和零基础入门教程,欢迎初学者和在进阶中的小伙伴。

推荐阅读