HTML+JS实现简单的多选选项的全选反选按钮

前言:多选菜单的全选和反选按钮十分常见,今天就实现一个简单的全选和全不选效果

分析:全选反选按钮关键点在于check类型input的checked属性,当该属性为true时为选中状态,为false时为不选中状态.

 

下面着手实现效果:

1.编写HTML页面

		
 javaEE
 bigData
 php
 h5
 python

2.编写checkAll()方法和unCheckAll()方法

function checkAll(){
	var hobby  =document.getElementsByClassName("hobby");
	for(var i  =0;i

完成.