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