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");
        }
    });