iCheck：超级精美的自定义复选框 & 单选按钮

最新推荐文章于 2020-10-23 17:12:20 发布
最新推荐文章于 2020-10-23 17:12:20 发布
阅读量1.6k 收藏
点赞数

iCheck 是一套基于 jQuery 的自定义复选框和单选按钮，以避免在日常开发中重复造轮子。在数量庞大的浏览器，设备和它们的不同版本中，它提供了风格一致的外观。回调和方法可以用来方便地处理修改和自定义输入。

目前兼容 IE 7+，Firefox 2+，Chrome，Safari 3+ 和 Opera 9+ 浏览器。此外，还支持 Opera mini, Chrome mobile, Safari mobile 等移动浏览器也都支持。在 iOS，Android，BlackBerry 和 Windows Phone 设备测试通过。

您可能感兴趣的相关文章

 

 

效果演示      插件下载

 

您可能感兴趣的相关文章

 

本文链接：iCheck：超级精美的自定义 Checkbox & Radio

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源


<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
Jlins
关注
icheck插件
06-24
icheck插件，写出更加华丽的jquery单选框和复选框
2019-07-24 神奇的iCheck-简单、实用
【程序员不弃】的博客
07-25 1万+
1.使用背景 项目中常用bootstrap作为前端开发框架，但是发现单选框和复选框的样式和Bootstrap的样式不匹配，而且要跳转单选框和复选框的样式挺麻烦的； 2.iCheck简介 iCheck官网介绍： 3.下载iCheck 在GitHub中下载 iCheck.下载完成之后，解压：iCheck目录结构如图所示： 4.使用iChec...
漂亮的checkbox样式(多选框)完美兼容IE8/9/10，FF等
09-28
在此记录一款checkbox的样式，供大家也供我以后方便使用，有三种状态，default、hover和active，并测试过，能完美兼容IE8/9/10，FF等，感兴趣的朋友可以参考下，希望对大家有所帮助
iCheck插件的全选、反选、获取值操作
热门推荐
sunpy
09-28 2万+
1.js包下载 https://pan.baidu.com/s/1cJahbg 2.插件文档 http://www.bootcss.com/p/icheck/ 3.引入js文件 4.html文件 5.js实现 // 加载复选框的数据 function doLoadCheckBoxData() { asyncPost({
iCheck:高度可定制的复选框和单选按钮-开源
08-08
iCheck 像构造函数一样使用复选框和单选按钮。 它用一个 div 包装每个输入，该 div 可以由您自定义或使用可用的皮肤之一。 您还可以使用插入选项在该 div 中放置一些 HTML 代码或文本。 默认情况下，iCheck 不为​...
iCheck自定义复选框和单选按钮组件（jQuery)
05-23
iCheck自定义复选框和单选按钮组件（jQuery)，它避免在日常开发中重复造轮子，在数量庞大的浏览器，设备和它们的不同版本中，它提供了风格一致的外观。回调和方法可以用来方便地处理修改和自定义输入。兼容主流...
自定义复选框和单选按钮 icheck.zip
09-17
iCheck 是一个强大的 jQuery 插件，用于自定义 HTML 的复选框（checkbox）和单选按钮（radio），提供了一套美观且响应式的界面样式，适用于各种设备和浏览器。这个插件极大地提升了用户界面的视觉吸引力和交互体验，...
icheck-material：纯CSS材料复选框和单选按钮
02-03
**icheck-material：纯CSS材料复选框和单选按钮** `icheck-material` 是一个开源项目，专门设计用于创建美观、响应式的材料设计风格的复选框和单选按钮，完全基于CSS实现。这个库提供了高度定制的能力，使得开发者...
iCheck_跨浏览器漂亮的自定义复选框和单选按钮插件
02-18
iCheck是一款广泛应用于网页...接下来，你需要对需要自定义样式的复选框或单选按钮添加特定的类名，例如`icheck`。这可以通过在HTML标记中直接设置`class`属性实现： ```html <input type="checkbox" class="icheck"> ...
icheck插件给checkbox添加自定义效果
u010289111的专栏
01-24 2471
不得不说这个插件真的很好用，我原来应该也有写过用纯css制作checkbox的文章 http://blog.csdn.net/u010289111/article/details/51416289 好吧，我觉得应该是csdn编辑器的问题，我当时在编辑的时候，我的效果图片在上面是有的，但是我隔断时间去访问的时候，上面的图片就没有了。 这个真的还可以，效果大概是这样的 这个选中
iCheck自定义复选框 & 单选按钮插件
E=mc²
03-09 5124
插件特色 在不同浏览器和设备上都有相同的表现 — 包括 桌面和移动设备支持触摸设备 — iOS、Android、BlackBerry、Windows Phone支持键盘导航 — Tab、Spacebar、Arrow up/down 和其它快捷键方便定制 — 用HTML 和 CSS 即可为其设置样式 (试试 6 套针对Retina屏幕的皮肤吧)支持 jQuery 和 Zepto Jav
Bootstrap的iCheck插件checkbox和radio
Cool的博客
03-22 9680
iCheck   特色： 1、在不同浏览器(包括ie6+)和设备上都有相同的表现 — 包括 桌面和移动设备 2、支持触摸设备 — iOS、Android、BlackBerry、Windows Phone等系统 4、方便定制 — 用HTML 和 CSS 即可为其设置样式 (多套皮肤) 5、体积小巧 — gzip压缩后只有1 kb 6、25 种参数 用来定制复选框（checkbox）和单...
checkbox选中背景色改变（checkbox美化）
qq_40774743的博客
01-24 2万+
纯CSS3实现自定义美化复选框和单选框在线演示 .my-check-.my-check-label{ display: inline; } .regular-checkbox { display: none; } .regular-checkbox + .my-check-label { background-color: #fafafa; border:
iCheck基本用法的使用
jin_zuo的博客
10-23 8198
一. 常用方法改变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('enab
漂亮的复选框
Tom_xiaoxie的博客
09-22 804
自定义控件可以让UI界面更加的炫酷，更符合用户的习惯。因此，好的自定义控件在开发中是相当重要的。今天在学习CheckButton多选框时用了一个不常见的drawableEnd属性。相对应的还有:drawableBottom（下方）、drawableLeft（左方）、drawableRight（右方）、drawableTop（上方）、drawableEnd（结束的地方）、drawableStart（
iCheck: 自定义复选框与单选按钮的开源解决方案
资源摘要信息:"iCheck是一个高度可定制的复选框和单选按钮的开源插件，兼容于jQuery和Zepto这两个流行的JavaScript库。它提供了一种新颖的方式来处理原生的表单元素，通过将每个复选框和单选按钮包裹在一个div元素中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值