1.原理
就是將瀏覽器原生checkbox隱藏,對(duì)label進(jìn)行相關(guān)操作。因?yàn)閘abel和checkbox時(shí)綁在一起的,所以點(diǎn)擊label就會(huì)選中
2.實(shí)現(xiàn)效果
演示地址:https://klren0312.github.io/HTMLStu/%E8%87%AA%E5%AE%9A%E4%B9%89checkbox/checkbox.html

image
3.代碼
提供一種

image
1.html代碼
原生的checkbox和對(duì)應(yīng)的label,注意lable的for要與checkbox的id對(duì)應(yīng)
<input type="checkbox" value="markcheckbox1" id="markcheckbox1">
<label class="mark" for="markcheckbox1">markcheckbox1</label>
作者:治電小白菜
鏈接:http://www.itdecent.cn/p/95beec9f424a
來(lái)源:簡(jiǎn)書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。