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);
}

网友评论