1.html前端多选框的全选与全不选

<td><input type="checkbox" id="checkAll" onclick="checkBox()" /></td>

<td><input type="checkbox" name="ids" /></td>
<td><input type="checkbox" name="ids" /></td>
<td><input type="checkbox" name="ids" /></td>
function checkBox(){
	var checkAll= document.getElementById('checkAll');   //获取checkAll
	var checkbox = document.getElementsByName("ids");  //获取所有checkbox
	
	//如果checkAll是选中状态,遍历所有checkbox,checkbox的选中状态
	if(checkAll.checked){
		$(checkbox).each(function(){
			this.checked = true;
		})
	}else{  如果checkAll不是选中状态,遍历所有checkbox,checkbox不选中状态
		$(checkbox).each(function(){
			this.checked = false;
		});
	}
上一篇:1.6 事件&案例练习


下一篇:小技巧: checked配合indexOf勾选复选框