<input type="checkbox" id="cb"/><br/>
<input type="button" value="点我选中" onclick="document.getElementById('cb').checked=true;"/>
<input type="button" value="点我取消选中" onclick="document.getElementById('cb').checked=false;"/>

<script>
   window.onload=function (ev) {
      //1、获取四个复选框
      var arr = document.getElementsByClassName("itemSelect");
      document.getElementById("qx").onclick=function (ev1) {
         //全选
         //1、获取四个复选框
         //2、遍历四个复选框，每遍历一个，将其checked属性设置为true
         for (var i = 0; i <arr.length ; i++) {
            arr[i].checked = true;
         }
      };
      document.getElementById("qbx").onclick=function (ev1) {
         //全不选
         //1、获取四个复选框
         //2、遍历四个复选框，每遍历一个，将其checked属性设置为false
         for (var i = 0; i <arr.length ; i++) {
            arr[i].checked = false;
         }
      };
      document.getElementById("fx").onclick=function (ev1) {
         //反选
         //1、获取四个复选框
         //2、遍历四个复选框，每遍历一个，将其checked属性设置为取反值（！）
         for (var i = 0; i <arr.length ; i++) {
            arr[i].checked = !arr[i].checked;
         }
      };
   }
script>