使用icheck插件实现复选框、单选框控件美化

icheck插件github地址：https://github.com/fronteed/icheck

icheck插件的简单使用

1：引入css

2：引入js

3:复选框使用

(1)html

复选一  
  
复选二  
  
复选三  
  

(2)js

//初始化  
$('input[type="checkbox"]').iCheck({  
    checkboxClass: 'icheckbox_flat-blue',  
}); 

现象如下：

4：单选框使用

(1)html

单选一  
  
单选二  
  
单选三  

(2)js

//初始化  
$('input[type="radio"]').iCheck({  
    radioClass   : 'iradio_flat-blue'  
});

现象如下：

5：icheck插件的常用时间

(1)：ifClicked(点击事件)

$('input').on('ifClicked', function(event){  
    alert('点击事件');  
});  

(2)：ifChanged(改变事件)

$('input').on('ifChanged', function(event){  
    alert('改变事件');  
});

(3)：ifChecked(选中事件)

$('input').on('ifChecked', function(event){  
    alert('选中事件');  
});