zoukankan      html  css  js  c++  java
  • 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");
            }
        });
  • 相关阅读:
    第四篇博客
    第三篇博客
    第二篇博客
    DS博客作业04--图
    DS博客作业03--树
    DS博客作业02--栈和队列
    C博客作业05--指针
    C博客作业04-数组
    C语言博客作业03--函数
    C语言博客作业02--循环结构
  • 原文地址:https://www.cnblogs.com/ideacore/p/6288764.html
Copyright © 2011-2022 走看看