zoukankan      html  css  js  c++  java
  • iCheck插件的基础用法

    1、初始化:
    选中元素进行初始化;
    $('input').iCheck({
      checkboxClass: 'icheckbox_flat-blue', //选择框的风格。
      radioClass: 'icheckbox_flat-blue',
    });
    具体颜色:
    Black — minimal.css //黑色
    Red — red.css //红色
    Green — green.css //绿色
    Blue — blue.css //蓝色
    Aero — aero.css //win7中的那种玻璃效果
    Grey — grey.css //银灰色
    Orange — orange.css //橙色
    Yellow — yellow.css //黄色
    Pink — pink.css //粉红色
    Purple — purple.css //紫色

    2、触发事件详解:
    选中事件
    $('input').on('ifChecked', function(event){ })
    取消选中事件
    $('input').on('ifUnchecked', function(event){ })
    改变事件
    $('input').on('ifChanged', function(event){ })
    用户点击了自定义的输入框或与其相关联的label
    $('input').on('ifClicked', function(event){ })
    输入框状态变为 disabled
    $('input').on('ifDisabled', function(event){ })
    disabled 状态被移除
    $('input').on('ifEnabled', function(event){ })
    输入框被应用了iCheck样式
    $('input').on('ifCreated', function(event){ })
    iCheck样式被移除
    $('input').on('ifDestroyed', function(event){ })

    3、主动触发设置
    $('input').iCheck('check'); //将输入框的状态设置为checked
    $('input').iCheck('uncheck'); //移除 checked 状态
    $('input').iCheck('toggle'); //toggle checked state
    $('input').iCheck('disable'); //将输入框的状态设置为 disabled
    $('input').iCheck('enable'); //移除 disabled 状态
    $('input').iCheck('update'); //apply input changes, which were done outside the plugin
    $('input').iCheck('destroy'); //移除iCheck样式

    4、获取操作
    1)获取选中的input:
    $('input').on('ifChecked', function(event){
    $(event.target)
    });
    2)event对象:
    $(".icheckbox_flat-blue.checked").find("input")

    3)获取当前选中的input的val值:
    $('input').on('ifChecked', function(event){
    $(event.target).val()
    });

  • 相关阅读:
    [华为]计算字符串的相似度
    Java继承和组合
    Java多态(注意事项)
    Eclipse快捷键
    求二叉树中节点的最大距离
    设计模式-工厂模式
    设计模式-单例模式
    滴滴校招0910
    八大排序算法之七-归并排序
    单链表的实现(创建+排序(选择))
  • 原文地址:https://www.cnblogs.com/Taiweis/p/12936447.html
Copyright © 2011-2022 走看看