关于icheck的使用

最近开始用icheck这个插件，说实话，才开始确实走了不少弯路，网上的教程也不少可是还是发现了很多的问题。

首先使用icheck的第一步就是引入它的icheck.js和jQuery，在这里我要特别强调一下，引入顺序十分重要，引入顺序十分重要，引入顺序十分重要，重要的事情说三遍

1.先引入jQuery（必须是jQuery）；

2.引入icheck.js；

<link rel="stylesheet" href="flat/blue.css">

    <script src="js/jquery.js"></script><script src="js/jquery.icheck.js"></script>
</head>
<body>
<input type="checkbox"/><input type="radio" name="sex" value="男" checked="checked">
<input type="radio" name="sex" value="女"><script>$(document).ready(function(){$('input').iCheck({checkboxClass: 'icheckbox_flat-blue',  // 注意square和blue的对应关系
            radioClass: 'iradio_flat-blue'
        });});
</script>
</body>

然后代码就是这个样子哒，其中

'icheckbox_flat-blue'中的flat是我用来装blue.css的文件夹，也就是说我用flat文件夹装了blue.css和它对应的图片

      最后再说一句如果里面的颜色都不是你想要的那么就请你随便提一个样式，再用Ps什么的把图片的颜色改成你想要的就是了！

关于icheck的使用相关推荐

Ztree节点增加删除修改和Icheck的用法
简介官方文档:http://www.treejs.cn/v3/api.php zTree 是一个依靠 jQuery 实现的多功能 "树插件", 而且拥有较好的浏览器兼容性,有着丰 ...
jquery iCheck 插件
1 官网:http://www.bootcss.com/p/icheck/#download 2 博客:https://www.cnblogs.com/xcsn/p/6307610.html http ...
form:radiobuttons单选按钮i-check选中触发
//单选按钮选中触发$('.carries_type').on('ifChecked', function(event){ debugger;alert($(event.target).val()); ...
html动态生成按钮事件无效,【iCheck】通过 JS 动态生成的元素点击无效的解决方法...
HTML Sample JS$('input').iCheck({ checkboxClass: 'checkbox-default', radioClass: 'radio-default' }); ...
iCheck 的简单了解
一. 常用方法改变iCheck的状态 1. 使拿到的iCheck标签选中 $('#input-1, #input-3').iCheck('check'); 2. 使拿到的iCheck标签非选中 $(' ...
iCheck插件的全选、反选、获取值操作
1.js包下载 https://pan.baidu.com/s/1cJahbg 2.插件文档 http://www.bootcss.com/p/icheck/ 3.引入js文件 <link ty ...
icheck结合datatable使用方法及实现全选、反选功能
icheck结合datatable使用方法及实现全选.反选功能一.icheck使用方法 1.引入必要文件(皮肤的css及icheck的js) 皮肤文件选中和其它组件风格一致就好 jquery的引入需 ...
Bootstrap的iCheck插件checkbox和radio
iCheck 特色: 1.在不同浏览器(包括ie6+)和设备上都有相同的表现 - 包括桌面和移动设备 2.支持触摸设备 - iOS.Android.BlackBerry.Windows Phone等 ...
iCheck的使用示例
一般要引入四个文件: 1 你选择的样式(在这里我是用的是扁平化blue.css样式,当然你也可以自己写样式) 2 引入了人家的样式,当然要引入人家的图片blue.png(这里由于需求,我ps修改了一下 ...
JQuery的iCheck插件使用方法
iCheck 概要表单复选框.单选框控件美化插件,主要作用为: 渲染并美化当前页面的复选框或单选框响应复选框或单选框的点击事件页面引用 css部分 1 <!-- iCheck for ch ...

关于icheck的使用

关于icheck的使用相关推荐

最新文章

热门文章