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

1.这是checkbox：

<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>

这种是使用原生的js技术与一点点JQuery技术，通过dom节点获取checkbox，判断checkbox的选中状态

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;
		});
	}