icheck的使用

Posted 也许520

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了icheck的使用相关的知识,希望对你有一定的参考价值。

icheck 它主要针对的是checkbox和radio 的样式点击切换的效果,非常的方面切美观。

1、下载icheck包 地址:https://github.com/fronteed/iCheck

2、引用iCheck.js 和复制flat文件,里面有所以的样式  css.然后在html页面中·,引用你所想要引用颜色。<link rel="stylesheet" type="text/css" href="icheck/flat/blue.css">

3、加入js内容,

<script>
$(document).ready(function(){
$(‘.index_radio input‘).iCheck({
checkboxClass: ‘icheckbox_flat-blue‘,
radioClass: ‘iradio_flat-blue‘
});
})
</script>

4、注意:如果一一个页面需引用多个 icheck的样式。那么他们的input的name值一定要不一样,比如:第一组的name 为opp1.那么第二组就要为opp2. 不然,会默认为同一组的

以上是关于icheck的使用的主要内容,如果未能解决你的问题,请参考以下文章

iCheck 不适用于淘汰赛

Yii2 —— 实现自己的iCheck资源包

iCheck状态不能改变

iCheck表单美化插件使用方法详解(含参数事件等)

iCheck的全选和获取value

iCheck 检查复选框是不是被选中