icheck.min.js 选中效果

遍历所有 checkbox 如果是选中的用 绿色 如果未选中用 灰色

//check控件属性
$('input').each(function() {
var self = $(this);
var labelText = $(this).attr("data-label");
var thisClass = "icheckbox_line-grey";
if (self.is(':checked')) {
thisClass = "icheckbox_line-green";
}
self.iCheck({
checkboxClass: thisClass,
insert: '<div class="icheck_line-icon"></div>' + labelText
});
});

点击时选中未选中颜色变化

$(".iCheck-helper").on("click", function () {
var self = $(this);
var thisClass = "icheckbox_line-grey";
if (self.parent().hasClass("checked")) {
thisClass = "icheckbox_line-green";
}
if (thisClass == "icheckbox_line-green") {
self.parent().addClass(thisClass);
self.parent().removeClass("icheckbox_line-grey");
} else {
self.parent().addClass(thisClass);
self.parent().removeClass("icheckbox_line-green");
}
});