原生JS实现单选全选

实现单全选，我们一般在移动端上，购物车勾选商品进行购买一般用到单全选。

 实现全选

1. // 全选
   function quanxuan() {
       let quan = document.getElementById("全选名");
       let ge = document.getElementsByClassName("单选名")
       for (let i = 0; i < ge.length; i++) {
           if (quan.checked == false) {
               ge[i].checked = false;
           } else {
               ge[i].checked = true;
           }
       }
   }

   实现单选

   // 单选
   function danxuan() {
       let quan = document.getElementById("全选名");
       let ge = document.getElementsByClassName("单选名")
       for (let i = 0; i < ge.length; i++) {
           if (ge[i].checked == false) {
               quan.checked = false;
               return;
           } else {
               quan.checked = true;
           }
       }
   }

   大部分使用的都是onclick事件，但其实严格一点来说，单全选的按钮使用使用onchange事件更好。