js一键全选/全不选

---

前言

这是原本的表格，当你点击全选/全不选前面的给选项框的时候就会全部选中，当取消下面复选框的选中的时候上面的“全选/全不选”前面的选项框就会自动取消勾选，且如果不点击“全选/全不选”前面的选项框，当手动把下面几个选项框都选上的时候，“全选/全不选”前面的选项框会自动勾选 实现效果如下👇

---

一、效果原理

html的radio和checkbox这两个标签都有一个checked属性，当checked=true的时候表示这个选项框被勾选了，当checked=false的时候表示这个选项框没有被选中，所以确保“全选/全不选”前面的选项框的checked属性和下面所有选项框的checked属性一致就可以了。

二、代码实现

代码如下（示例）：

function f1() {
   
        //获取标题行checkbox的checked对象
        var flag = document.getElementById("one").checked;
        //定位数据行所有的checkbox
        var domarr = document.getElementsByName