本文實例為大家分享了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>	
	
新聞熱點
疑難解答