在做WEB批量操作时,经常需要用到JS的全选反选操作, 这里给大家完整的例子.

1. HTML代码如下:

<input type="checkbox" name="hobby[]" value="篮球" />篮球
<input type="checkbox" name="hobby[]" value="足球" />足球
<input type="checkbox" name="hobby[]" value="乒乓球" />乒乓球
<input type="checkbox" name="hobby[]" value="橄榄球" />橄榄球
<input type="checkbox" name="hobby[]" value="网球" />网球
<br/>
<input type="button" value="全选" onClick="AllSelect();" /> <input type="button" value="反选" onClick="RevSelect();" />

2. JS代码如下:

function AllSelect(){
	obj = document.getElementsByName("hobby[]");
	for(i in obj){
		if(!obj[i].checked) obj[i].checked=true;
	}	
}
function RevSelect(){
	obj = document.getElementsByName("hobby[]");
	for(i in obj){
		if(obj[i].checked) obj[i].checked=false;
		else obj[i].checked=true;
	}	
}