icheck.js插件

1.下載icheck：http://icheck.fronteed.com/

2.把icheck.min.js和skins文件夾都放到本身的項目文件中

3.在html頁面中引入icheck.min.js文件

4.總共有6種皮膚，每種皮膚又有10種顏色，樣式預覽在http://icheck.fronteed.com/中，看好了就在html頁面中引入對應的css文件

5.在頁面中加上js，只須要寫出修改了默認值的參數：

<script>
　　　$(document).ready(function(){
　　　　$('.checkbox input').iCheck({
　　　　　　checkboxClass : 'icheckbox_square-aero',
　　　　});
　　　})
</script>

附全部的參數及其默認值：

1. { 
2.  handle: '', 
3.  checkboxClass: 'icheckbox', 
4.  radioClass: 'iradio', 
5.  checkedClass: 'checked', 
6.  checkedCheckboxClass: '', 
7.  checkedRadioClass: '', 
8.  uncheckedClass: '', 
9.  uncheckedCheckboxClass: '', 
10.  uncheckedRadioClass: '', 
11.  disabledClass: 'disabled', 
12.  disabledCheckboxClass: '', 
13.  disabledRadioClass: '', 
14.  enabledClass: '', 
15.  enabledCheckboxClass: '', 
16.  enabledRadioClass: '', 
17.  hoverClass: 'hover', 
18.  focusClass: 'focus', 
19.  activeClass: 'active', 
20.  labelHover: true, 
21.  labelHoverClass: 'hover', 
22.  increaseArea: '', 
23.  cursor: false, 
24.  inheritClass: false, 
25.  inheritID: false, 
26.  insert: '' 
27. } 

手機端的記得把aria屬性改爲true哈

6.若是想修改icheck位置的話，能夠在頁面內用js修改，如：

7.修改大小比較麻煩，由於icheck的各類狀態變化是經過改變背景圖片的位置來實現的，因此須要修改對應css文件中全部的數值，包括width、height、position和size

有人說還須要修改圖片大小，我試了一下發現個人不用

應該通常都是不用的，由於沒有改幾個像素

可能pc端涉及到hover的時候須要修改。

8.還有人說能夠用本身寫的樣式，而不是用插件，我沒試過。。（我後來又試了試，步驟在改變checkbox的默認樣式）