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

标签：function,checkAll,checkbox,checked,html,全选,选中,全不选,var
来源： https://blog.csdn.net/duhasohfsig/article/details/111467485