博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript入门笔记:全选功能的实现
阅读量:4087 次
发布时间:2019-05-25

本文共 754 字,大约阅读时间需要 2 分钟。

当页面提供了复选框之后,一般还会提供“全选”与“取消全选”(或”全不选“)按钮。那么如何通过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
			/*如果标签类型是checkbox且标签名是checkbox1,
				则根据传入的参数决定如何操作*/			if(elements[i].type==type&&elements[i].name==name&&scope=='all')			{				elements[i].checked=true;			}			else if(elements[i].type==type&&elements[i].name==name&&scope=='none')			{				elements[i].checked=false;			}		}	}复选框
a:
b:
c:
d:
e:
f:

你可能感兴趣的文章
Jenkins 启动命令
查看>>
剑指offer算法题分析与整理(三)
查看>>
JVM并发机制探讨—内存模型、内存可见性和指令重排序
查看>>
WAV文件解析
查看>>
WPF中PATH使用AI导出SVG的方法
查看>>
QT打开项目提示no valid settings file could be found
查看>>
java LinkedList与ArrayList迭代器遍历和for遍历对比
查看>>
所谓的进步和提升,就是完成认知升级
查看>>
如何用好碎片化时间,让思维更有效率?
查看>>
No.182 - LeetCode1325 - C指针的魅力
查看>>
带WiringPi库的交叉笔译如何处理二之软链接概念
查看>>
Java8 HashMap集合解析
查看>>
自定义 select 下拉框 多选插件
查看>>
fastcgi_param 详解
查看>>
搞定Java面试中的数据结构问题
查看>>
React Native(一):搭建开发环境、出Hello World
查看>>
Winform多线程
查看>>
Spring AOP + Redis + 注解实现redis 分布式锁
查看>>
poj 1976 A Mini Locomotive (dp 二维01背包)
查看>>
《计算机网络》第五章 运输层 ——TCP和UDP 可靠传输原理 TCP流量控制 拥塞控制 连接管理
查看>>