icheck使用

1、使用：

<link rel="stylesheet" href="css/skins/all.css">或者<link rel="stylesheet" href="css/skins/flat/需要的顏色文件">

<script src="js/jquery.js"></script> 

<script src="js/icheck.js"></script>

2、初始化：

$('input').iCheck({
　　checkboxClass: 'icheckbox_flat-blue', //每個風格都對應一個，這個不能寫錯哈。
　　radioClass: 'icheckbox_flat-blue',
});

3、選中不選中處理：

$('input').on('ifChecked', function(event){ })

$('input').on('ifUnchecked', function(event){ })

4、主動選中與不選中

 

$('input').iCheck('check'); — 將輸入框的狀態設置為checked

 

$('input').iCheck('uncheck'); — 移除 checked 狀態

 

5、獲取選中的input：

1）

$('input').on('ifChecked', function(event){   

    $(event.target)

});

event對象：

 

2）$(".icheckbox_flat-blue.checked").find("input")

 6、獲取當前選中的input的索引：

例子：

 <div class="row margin">

　　<div class="item2">
　　　　<input type="checkbox" name="ytName1" value="1"/><label class="margin">星期一</label>
　　</div>
　　<div class="item2">
　　　　<input type="checkbox" name="ytName1" value="2"/><label class="margin">星期二</label>
　　</div>
　　<div class="item2">
　　　　<input type="checkbox" name="ytName1" value="3"/><label class="margin">星期三</label>
　　</div>
</div>

 $('input').on('ifChecked', function(event){

    $(event.target).parents(".item2").index()

 });

7、獲取當前選中的input的val值：（基於4，5）

$('input').on('ifChecked', function(event){  

    $(event.target).val()

});

 其他參考API:http://www.bootcss.com/p/icheck/#skins