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