自定義復選框 checkbox 樣式

  默認的復選框樣式一般在項目中都很少用 ，看起來也丑丑的。這里提供一個優化樣式后的復選框。原理就是隱藏掉默認樣式，在用設計好的樣式替代

 

  html結構

<div>
    <input type="checkbox"  name=""/>
    <label class="check-all">全選</label>
</div>

 

  js調用

$("#checkbox1").checkbox({reqUnit:function() {
        console.log("點擊復選框執行的后台操作");
    },reqAll:function(){
        console.log("點擊全選復選框執行的后台操作");
    }
});

  demo 演示

都是比較小的功能。代碼還需要優化。先記錄在這里。有時間在優化

有需要的話。完整demo下載地址checkBox.zip