JavaScript：复选框的全选与取消全选

 

爱好： 
    <input type="checkbox" name='cbx1'/>阅读&nbsp;&nbsp;
	<input type="checkbox" name='cbx1'/>音乐&nbsp;&nbsp;
	<input type="checkbox" name='cbx1'/>运动&nbsp;&nbsp;
	<input type="checkbox" name='cbx1'/>电影&nbsp;&nbsp;
	<input type="checkbox" name='cbx1'/>美食&nbsp;&nbsp;
	<input type="checkbox" name='cbx1'/>网游&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="button" class="cbxBtn" value="全选"/>&nbsp;
	<input type="button" class="cbxBtn" value="取消全选"/><br>

window.onload=function (){
	var cbxBtns=document.getElementsByClassName('cbxBtn');
	cbxBtns[0].onclick=function (){ checkCbx(true);}
	cbxBtns[1].onclick=function (){ checkCbx(false);}
}
function checkCbx(flag){
	var cbxs=document.getElementsByName('cbx1');
	for(var i=0; i<cbxs.length;i++)
		cbxs[i].checked=flag;
}