js实现全选反选不选功能代码详解

2019-11-19 11:42:59

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了js实现全选反选不选功能的具体代码，供大家参考，具体内容如下

<!DOCTYPE html><html><meta charset='utf-8' /><body><input type='checkbox' name='id' />哈哈<br/><input type='checkbox' name='id' />哈哈<br/><input type='checkbox' name='id' />哈哈<br/><input type='checkbox' name='id' />哈哈<br/><input type='button' name='id' value='全选' onclick='return fun()' /><input type='button' name='id' value='取消全选' onclick='return fan()' /><input type='button' name='id' value='反选' onclick='return fans()' /><script type="text/javascript">function fun(){	var a=document.getElementsByName('id');	for(var i=0;i<a.length;i++)	{		a[i].checked=true;	}}function fan(){	var a=document.getElementsByName('id');	for(var i=0;i<a.length;i++)	{		a[i].checked=false;	}}function fans(){	var a=document.getElementsByName('id');	for(var i=0;i<a.length;i++)	{		if(a[i].checked==true)		{			a[i].checked=false;			}		else		{			a[i].checked=true;		}	}}</script></body></html>