1.将以下代码复制到html的body中
<body>
羽毛球<input type="checkbox" name="checkBox">
乒乓球<input type="checkbox" name="checkBox">
足球<input type="checkbox" name="checkBox">
篮球<input type="checkbox" name="checkBox">
全选<input type="checkbox" name="checkBoxAll" id="checkBoxAll" onclick="checkAll()">
</body>
2.将下面js脚本添加到head标签里面
<script>
function checkAll(){
//这里获取一个数组集合
var items=document.getElementsByName("checkBox");
for(var i=0;i<items.length;i++){
items[i].checked=document.getElementById("checkBoxAll").checked;
}
}
</script>
最后总结：需要注意的一点是，需要将要实现全选的复选框name属性定义一样，其实总的来说还是挺简单的，如果大家还有什么好的其他的实现方法，可以发出来一起讨论讨论。