ckbox多選

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

全選，多選都是為了使用的方便，一般情況下全選就夠用了，但是用戶要求實現一個多選的功能也沒有辦法老老實實的做吧。

多選的實現也較為簡單，首先需要一個遮罩可以標識給用戶當前所選擇的區(qū)域，其次就是選中用戶所需要的信息，按照這個思路我們來一步步實現。

遮罩實現

我們用一個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);
}

網友評論