JavaScript入门笔记:全选功能的实现 您所在的位置:网站首页 js怎么实现全选 JavaScript入门笔记:全选功能的实现

JavaScript入门笔记:全选功能的实现

2022-05-29 03:46| 来源: 网络整理| 查看: 265

当页面提供了复选框之后,一般还会提供“全选”与“取消全选”(或”全不选“)按钮。那么如何通过JavaScript代码实现此功能呢?这里提供了一个思路:利用按钮的onclick事件,调用Javascript函数,并根据传入的参数进行“全选”与“取消全选”(或”全不选“)操作,下面是完整的代码,存入一个html文件即可运行演示:

全选 /* 定义函数,两种写法都是可以的 function selectAll(name,tagName,type,scope)*/ var selectAll=function(name,tagName,type,scope) { /*根据标签名称("input")获取所有的控件集合*/ elements = document.getElementsByTagName(tagName); var len = elements.length; for(var i = 0;i


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有