摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全选作业</title>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>全选作业</title>
<style>
*{margin: 0px;padding: 0px;}
.head p{width: 80px; height:30px; float: left;padding: 10px 20px;background-color: #ccc;}
#main div{clear: both;}
</style>
<script type="text/javascript">
function a(){
var cola,col;
cola=document.getElementById('cola')
col=document.getElementsByName("col")
for (var i=0;i<col.length;i++) {
if (cola.checked) {
col[i].checked=true;
}else{
col[i].checked=false;
}
}
}
</script>
</head>
<body>
<div id="cont">
<div>
<p><input type="checkbox" id="cola" onclick="a()">全选</p>
<p>商品名称</p>
<p>单价</p>
<p>数量</p>
</div>
<div id="main">
<div>
<div>
<p><input type="checkbox" name="col"></p>
<p>01</p>
<p>100</p>
<p>10</p>
</div>
<div>
<div>
<p><input type="checkbox" name="col"></p>
<p>02</p>
<p>100</p>
<p>10</p>
</div>
<div>
<div>
<p><input type="checkbox" name="col"></p>
<p>03</p>
<p>100</p>
<p>10</p>
</div>
<div>
<div>
<p><input type="checkbox" name="col"></p>
<p>04</p>
<p>100</p>
<p>10</p>
</div>
</div>
<div id="foot"></div>
</div>
</body>
</html>length 属性可返回字符串中的字符数目。
checked 属性设置或返回 checkbox 是否应被选中。
Checkbox 对象代表一个 HTML 表单中的 一个选择框。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
老师我只知道要函数内部要那样定义就可以完成但是我不是很清楚，我说下我的理解你看看对不对！
首先创建变量然后分别获取到选框然后赋值给变量，然后for循环判断全选框是否被选中如果被选中来就执行选框全部选中为真，否则就没有被选中！
批改老师：查无此人批改时间：2019-01-04 13:39:32
老师总结：你做的很不错。编程做出功能，有很多方法。你这样理解已经很好了，等以后你见到的功能多了，就会知道很多方法。
