1、初始化:選中元素進行初始化;$('input').iCheck({ checkboxClass: 'icheckbox_flat-blue', //選擇框的風格。 radioClass: 'icheckbox_flat-blue', });具體顏色:Black — minimal.css //黑 ...
1、初始化:
選中元素進行初始化;
$('input').iCheck({
checkboxClass: 'icheckbox_flat-blue', //選擇框的風格。
radioClass: 'icheckbox_flat-blue',
});
具體顏色:
Black — minimal.css //黑色
Red — red.css //紅色
Green — green.css //綠色
Blue — blue.css //藍色
Aero — aero.css //win7中的那種玻璃效果
Grey — grey.css //銀灰色
Orange — orange.css //橙色
Yellow — yellow.css //黃色
Pink — pink.css //粉紅色
Purple — purple.css //紫色
2、觸發事件詳解:
選中事件
$('input').on('ifChecked', function(event){ })
取消選中事件
$('input').on('ifUnchecked', function(event){ })
改變事件
$('input').on('ifChanged', function(event){ })
用戶點擊了自定義的輸入框或與其相關聯的label
$('input').on('ifClicked', function(event){ })
輸入框狀態變為 disabled
$('input').on('ifDisabled', function(event){ })
disabled 狀態被移除
$('input').on('ifEnabled', function(event){ })
輸入框被應用了iCheck樣式
$('input').on('ifCreated', function(event){ })
iCheck樣式被移除
$('input').on('ifDestroyed', function(event){ })
3、主動觸發設置
$('input').iCheck('check'); //將輸入框的狀態設置為checked
$('input').iCheck('uncheck'); //移除 checked 狀態
$('input').iCheck('toggle'); //toggle checked state
$('input').iCheck('disable'); //將輸入框的狀態設置為 disabled
$('input').iCheck('enable'); //移除 disabled 狀態
$('input').iCheck('update'); //apply input changes, which were done outside the plugin
$('input').iCheck('destroy'); //移除iCheck樣式
4、獲取操作
1)獲取選中的input:
$('input').on('ifChecked', function(event){
$(event.target)
});
2)event對象:
$(".icheckbox_flat-blue.checked").find("input")
3)獲取當前選中的input的val值:
$('input').on('ifChecked', function(event){
$(event.target).val()
});