【iCheck基本用法的使用】

iCheck基本用法的使用

一. 常用方法改变iCheck的状态
1. 使拿到的iCheck标签选中
$('#input-1, #input-3').iCheck('check');
2. 使拿到的iCheck标签非选中
$('#input-1, #input-3').iCheck('uncheck');
3. 使拿到ICheck标签不可点击
$('#input-2, #input-4').iCheck('disable');
4. 使拿到ICheck标签可点击
$('#input-2, #input-4').iCheck('enable');
5. 移除iCheck样式
$('input').iCheck('destroy');

二. 常用回调事件,监听iCheck的change事件.
事件名称 使用时机
ifClicked  用户点击了自定义的输入框或与其相关联的label
ifChanged  输入框的 checked 或 disabled 状态改变了
ifChecked  输入框的状态变为 checked
ifUnchecked  checked 状态被移除
ifDisabled  输入框状态变为 disabled
ifEnabled  disabled 状态被移除
ifCreated  输入框被应用了iCheck样式
ifDestroyed  iCheck样式被移除
例. iCheck 的选中事件
$('input').on('ifChecked', function(event){alert(event.type + ' callback');
});
例. iCheck 的取消选中事件
$(document).on("ifUnchecked", "input", function(event){alert(event.type + ' callback');
}var checkAll = $('input.all');
var checkboxes = $('input.check');checkAll.on('ifChecked ifUnchecked', function(event) {if (event.type == 'ifChecked') {checkboxes.iCheck('check');} else {checkboxes.iCheck('uncheck');}
});checkboxes.on('ifChanged', function(event){if(checkboxes.filter(':checked').length == checkboxes.length) {checkAll.prop('checked', 'checked');} else {checkAll.prop('checked',false);}checkAll.iCheck('update');
});

表单页可以选择，改为无法选择

class="i-checks "$(".i-checks").remove();
$(".i-checks").iCheck('uncheck');

【iCheck基本用法的使用】相关推荐

Ztree节点增加删除修改和Icheck的用法
简介官方文档:http://www.treejs.cn/v3/api.php zTree 是一个依靠 jQuery 实现的多功能 "树插件", 而且拥有较好的浏览器兼容性,有着丰 ...
iCheck基本用法的使用
一. 常用方法改变iCheck的状态 1. 使拿到的iCheck标签选中 $('#input-1, #input-3').iCheck('check'); 2. 使拿到的iCheck标签非选中 $(' ...
iCheck插件的基础用法
iCheck插件的基础用法 1.初始化: 选中元素进行初始化: $('input').iCheck({checkboxClass: 'icheckbox_flat-blue', //选择框的风格.ra ...
ICheck表单复选框、单选框控件美化插件
作用: 渲染并美化当前页面的复选框或单选框响应复选框或单选框的点击事件特点: 在不同浏览器(包括ie6+)和设备上都有相同的表现 - 包括桌面和移动设备支持触摸设备 - iOS.Android ...
lambda函数用法总结
文章目录概念基础用法 STL与lambda 概念 lambda函数是C++ 11引入的新特性,在其它语言中也有lambda,典型的如javascript.它是函数编程的基础.在C++中,lambd ...
iCheck事件与样式操作
一.iCheck绑定事件 iCheck提供了大量回调事件,支持所有选择器(selectors),并且只针对复选框checkbox和单选radio按钮起作用. 事件名称触发原因 ifClicked 用 ...
c语言中external，static关键字用法
static用法: 在C中,static主要定义全局静态变量.定义局部静态变量.定义静态函数. 1.定义全局静态变量:在全局变量前面加上关键字static,该全局变量变成了全局静态变量.全局静态变量有 ...
Pandas_transform的用法
先来看一个实例问题. 如下销售数据中展现了三笔订单,每笔订单买了多种商品,求每种商品销售额占该笔订单总金额的比例.例如第一条数据的最终结果为:235.83 / (235.83+232.32+107.9 ...
Python中yield和yield from的用法
yield 后面接的是 future 对象调用方委托生成器 yield from 直接给出循环后的结果 yield from 委托者和子生成器直接通信 yield from 直接处理stopIte ...

【iCheck基本用法的使用】

【iCheck基本用法的使用】相关推荐

最新文章

热门文章