1. <input class="like" type="checkbox">足球
    2. <input class="like" type="checkbox">篮球
    3. <input class="like" type="checkbox">排球
    4. <input class="like" type="checkbox">游泳
    5. <br>
    6. <button id ="all">全选</button>
    7. <button id ="no">不选</button>
    8. <button id ="reverse">反选</button>
    1. <script>
    2. /*
    3. input 输入框有属性checked
    4. true 选中
    5. false 没有选中
    6. */
    7. var inputs = document.getElementsByClassName("like");
    8. var reverse = document.getElementById("reverse");
    9. reverse.onclick = function(){
    10. for(var i=0;i<inputs.length;i++){
    11. console.log(inputs[i].checked)
    12. // if(inputs[i].checked == true){
    13. // inputs[i].checked = false;
    14. // }else{
    15. // inputs[i].checked = true;
    16. // }
    17. inputs[i].checked = (inputs[i].checked == true)?false:true;
    18. }
    19. }
    20. </script>