iCheck基本用法的使用

news/2024/7/11 1:00:54 标签: js, jquery
一. 常用方法改变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');
});

详情请参见http://www.bootcss.com/p/icheck/


http://www.niftyadmin.cn/n/1584997.html

相关文章

向Oracle中插入记录时,出现“Oracle.DataAccess.Client.OracleException ORA-00933 ”错误

错误信息的弹出框 异常的内容: “Oracle.DataAccess.Client.OracleException”类型的未经处理的异常在 DBFSR.dll 中发生 其他信息: External component has thrown an exception. 捕获的异常信息: Oracle.DataAccess.Client.OracleException ORA-0093…

sqlserver 2000/2005 Ambiguous column error错误解决办法

今天针对Sql server 2005的脚本在Sql server 2000上执行,发生了两个错误Msg 209, Level 16, State 1, Procedure tbh_Forums_GetUnapprovedPosts, Line 13Ambiguous column name AddedDate.Msg 209, Level 16, State 1, Procedure tbh_Forums_GetThreadByID, Line 1…

运用反射实现多层和多数据库开发

现在很多项目都须要为将来的扩展考虑,当然数据库也是一个很重我要的方面,扩展自己的Provider,这就需要反射技术,虽然会对性能有所影响,但是性价比还是很高的哦,从PetShop和CommunityServer都可以看到反射技术啦,也可以说反射是最基本的啦,呵呵!他的老家是在System.Reflection,当…

vue-cli——人员管理实例

前言 在开始开发实例前,应首先了解一下vue-cli的项目结构。接着我们一起来实现一个小demo——人员管理,功能简单,通过这个实例让大家熟悉使用vue-cli开发项目的一些操作,加深对vue-cli项目结构的印象。http://www.jianshu.com/p/…

VUE 全家桶,vue2-vue-router-vuex-axios - 一个看笑话的 webapp

VUE全家桶,都有很牵强的用到 http://www.tuicool.com/articles/qEvErm vue2 Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。 vue.js vue-router 应用的路由映射 router vuex Vuex 是一个专为 Vue.j…

Icheck

通过查询得知,有个叫ICheck的第三方Bootstrap插件,专门用于给复选框,单选框添加漂亮的样式。 可以查看官方网站:http://www.bootcss.com/p/icheck/ 进行了解。 ICheck插件提供几套非常好看的皮肤,供咱们选择。 最简…

Math.min.apply数组中取最大和最小

大爷,请赏我点铜板买喵粮自己吃,您的支持将鼓励我继续创作!(支付宝)

jquery删除数组中重复元素$.inArray(s)

首先定义如下数组: var arr[0,2,3,5,6,9,2]; 我们可以看到数组中存在重复元素2; 最后通过jquery筛选应该得到[0,2,3,5,6,9]; ok,首先我们再定义一个空数组,用来存放最后筛选出来的元素: var new_arr[]; 利用jquery的$.inArr…