JS实现全选全不选功能

1.首先明确选中有哪几种方式：（1）用户点击、（2）标签定义属性 checkd 、(3) js中checkd = true 为选中

---

HTML代码：

 <form>
        <p><input type="checkbox">50</p>
        <p><input type="checkbox">100</p>
        <p><input type="checkbox">150</p>
        <p><input type="checkbox">200</p>
    </form>
    <button onclick="getAll(0)">全选</button>
    <button onclick="getAll(1)">全不选</button>
    <button onclick="getAll(2)">返选</button>

JS代码：

<script>
        let btn = document.getElementsByTagName('button');
        let ipt = document.getElementsByTagName('input');
       
        //方法二：封装函数
        function getAll(num){
            for(let i = 0; i < ipt.length;i++){
                if(num == 0){
                    ipt[i].checked = true;
                }
                else if(num == 1){
                    ipt[i].checked = false;
                }
                else{
                    ipt[i].checked = !ipt[i].checked;
                }
            }
        }
    </script>