分类导航

实现checkbox的多选

发布时间：2016年11月01日作者：文章转自网络，版权归原作者所有，反馈可立刻删除 (该文来自笔记，点击查看原文)

ckbox多选

技术一般水平有限，有什么错的地方，望大家指正。

全选，多选都是为了使用的方便，一般情况下全选就够用了，但是用户要求实现一个多选的功能也没有办法老老实实的做吧。

多选的实现也较为简单，首先需要一个遮罩可以标识给用户当前所选择的区域，其次就是选中用户所需要的信息，按照这个思路我们来一步步实现。

遮罩实现

我们用一个div来当做遮罩层：

.mask{height:1px;width:1px;position:absolute;background-color:gray;opacity:0.2}

function createMask(){ var div = document.createElement("div");
  div.className = "mask";
  div.id = "mask";
  document.body.appendChild(div);
}