首先，在HTML页面中需要添加一个全选按钮，一般使用input标签，设置type为checkbox，再设置id属性，方便后面调用。如下所示：
<input type="checkbox" id="selectAll">接着，在JavaScript中需要获取到所有复选框的状态，以及全选按钮的状态，可以通过document.getElementsByName获取所有的复选框的数组，再通过document.getElementById获取全选按钮元素。如下所示：
var selectAll = document.getElementById('selectAll');
var checkBoxs = document.getElementsByName('checkBox');然后，需要为全选按钮添加一个点击事件，实现一键全选或反选。通过遍历所有复选框的数组，判断全选按钮是否被选中，来决定是全选还是反选。如下所示：
selectAll.onclick = function() {
for(var i = 0; i < checkBoxs.length; ++i) {
checkBoxs[i].checked = selectAll.checked;
}
};这里的selectAll.checked表示全选按钮被选中的状态，checkBoxs[i].checked表示当前复选框的选中状态。
如果需要实现部分选中的效果，可以在遍历复选框时，添加一个计数器，统计选中的复选框数量，如果数量等于复选框总数，就将全选按钮设为选中状态，否则设为未选中状态。如下所示：
var counter = 0;
for(var i = 0; i < checkBoxs.length; ++i) {
if(checkBoxs[i].checked) {
++counter;
}
}
if(counter === checkBoxs.length) {
selectAll.checked = true;
} else {
selectAll.checked = false;
}这样就可以实现一个简单的全选按钮了。当然，还可以进行一些扩展，如全选按钮可以随着复选框的选中状态变化而实时更新自身状态，复选框的选中状态也可以保存在cookie或localStorage中，以便下次访问时恢复之前的选择状态等等。
上一篇：javascript中不区分整数和浮点数
下一篇：javascript中任意最大值
