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");
            }
        });
  • 相关阅读:
    异常处理
    SPD各模块总结
    简易js调试
    深入理解:java类加载器
    java基础简介
    android四大组件(一)Activity
    网路编程(网站源码查看器)
    ListView
    SQL查询数据总结
    函数作用域中的this问题
  • 原文地址:https://www.cnblogs.com/ideacore/p/6288764.html
Copyright © 2011-2022 走看看