ckbox多選

技術(shù)一般水平有限,有什么錯的地方,望大家指正。

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

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

遮罩實(shí)現(xiàn)

我們用一個div來當(dāng)做遮罩層:

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

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式