js_案例_复选框全选功能

复选框全选功能

<label><input type="checkbox" onclick="checkAll(this)" id="checkall">全选</label>

<br/>

<label><input type="checkbox" name="city" value="1">北京</label>

<label><input type="checkbox" name="city" value="2">上海</label>

<label><input type="checkbox" name="city" value="3">天津</label>

 

选中某一复选框使用dom.checked = true;

/*全选*/

function checkAll(obj){

var courseName = document.getElementsByName("city");

if(obj.checked){//判断当前全选选中

for(var i=0;i<courseName.length;i++){

courseName[i].checked = true;

}

}else{

for(var i=0;i<courseName.length;i++){

courseName[i].checked = false;

}

}

};