1. <body>
    2.     <input class="like" type="checkbox">足球
    3.     <input class="like" type="checkbox">篮球
    4.     <input class="like" type="checkbox">排球
    5.     <input class="like" type="checkbox">游泳  <br>
    6.     <button id="all">全选</button>
    7.     <button id="no">不选</button>
    8.     <button id="reverse">反选</button>
    9.     <script>
    10.         // input 输入框的属性checked   true  选中    false 没有选中（默认）
    11.         var inputs = document.getElementsByClassName("like");
    12.         var all = document.getElementById("all");
    13.         var no = document.getElementById("no");
    15.    var reverse = document.getElementById("reverse");
    16.         // 对btn执行点击事件
    17.         all.onclick = function(){
    18.             // 让所有的input状态变为true
    19.             for(var i=0;i<inputs.length;i++){
    20.                 inputs[i].checked = true;
    21.             }
    22.         }  
    23.         no.onclick = function(){
    24.             for(var i=0;i<inputs.length;i++){
    25.                 inputs[i].checked = false;
    26.             }
    27.         }
    29.                  reverse.onclick = function(){
    30.                for(var i=0;i<inputs.length;i++){
    31.                    console.log(inputs[i].checked)
    33.                 // inputs[i].checked = (inputs[i].checked == true)? false:true;
    35.                 inputs[i].checked = !inputs[i].checked;
    36.                }
    37.            }
    38.     </script>