国产午夜色司机在线观看,亚洲国产小视频在线观看,国产精品毛片一级久久,欧美高清vivoe,国产指交视频一区之二区,中文字幕在线码一区,18成禁人视频免费网站,影视中文综合国产,在线观看特色大片免费视频,午夜激情成人在线

JS,checkbox全選反選實(shí)例

時(shí)間:2016-11-25 14:58:41 類型:JS/JQUERY
字號(hào):    

在做WEB批量操作時(shí),經(jīng)常需要用到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="網(wǎng)球" />網(wǎng)球
<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;
	}	
}
3. 文檔下載: /public/static/uploads/pic/201611/25/20161125258321574534936.zip