全选反选不选

<button id="qx">全选</button>

    <button id="fx">反选</button>

    <button id="bx">不选</button>

    <input type="checkbox" name="" id="">鸿星尔克

    <input type="checkbox" name="" id="">阿迪达斯

    <input type="checkbox" name="" id="">耐克

    <input type="checkbox" name="" id="">李宁

    <input type="checkbox" name="" id="">乔丹

    <script>

        var qx = document.getElementById('qx')

        var fx = document.getElementById('fx')

        var bx = document.getElementById('bx')

        var inputs = document.getElementsByTagName('input')

        // 全选

        qx.onclick = function () {

            for (var i = 0; i < inputs.length; i++) {

                inputs[i].checked = true

            }

        }

        // 反选

        fx.onclick = function () {

            for (var i = 0; i < inputs.length; i++) {

                // if(inputs[i].checked){

                //     inputs[i].checked = false

                // }else {

                //     inputs[i].checked = true

                // }

                // 直接取反

                inputs[i].checked = !inputs[i].checked

            }

        }

        // 不选

        bx.onclick = function () {

            for (var i = 0; i < inputs.length; i++) {

                inputs[i].checked = false

            }

        }

    </script>