icheck.min.js 选中效果

最新推荐文章于 2022-06-01 17:25:35 发布

清，纯一色

最新推荐文章于 2022-06-01 17:25:35 发布

阅读量539

点赞数

原文链接：http://www.cnblogs.com/ideacore/p/6288764.html

版权

遍历所有 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");
        }
    });