推荐11款jQuery开发的复选框和单选框美化插件

最新推荐文章于 2021-03-11 00:37:55 发布
最新推荐文章于 2021-03-11 00:37:55 发布
阅读量6.4k 收藏
点赞数
分类专栏： jquery 文章标签： jquery plugins iphone 浏览器 css

作者：Chris Spooner
翻译：Terry li - GBin1.com
英文： jQuery Plugins for Styling Checkbox & Radio Buttons

web开发中所有的输入控件中复选框和单选框的样式是最难去设计的，因为不同的浏览器及其操作系统对于样式的渲染展现是不一样的。但是在jQuery的帮 助下我们可以整体的改变他们的样式。这里我们将介绍12款实用的美化插件来帮助大家设计简单直白的按钮设计，或者时尚的Iphone类型的开关按钮。

Fancy checkboxes and radio buttons with CSS

查看插件首页

jqTransform

查看插件首页

FancyForm

查看插件首页

jQuery Checkbox

查看插件首页

jNice

查看插件首页

NiceForms

...

...

wbruce_leew
关注
专栏目录
美化单选框
smallMirror_的博客
11-01 1307
老规矩，先上图第一种： 第二种： 上面两种长得差不多，但是是用两种方式实现的第一种：通过修改css实现html<div> <input type="radio" class="rdo" name="sex" checked style=""> <label class="rdo-text">男</label> <input type="radio" class="rd
jquery.multiselect 下拉多选插件 下拉复选框插件
07-01
jquery.multiselect 下拉多选插件 下拉复选框插件 可以直接使用的demo
jQuery单选框和复选框美化插件
12-22
jQuery单选框和复选框美化插件，满足常用 网页开发的需求
jQuery单选框和复选框美化代码
11-30
jQuery单选框和复选框美化演示代码，改改就能用，效果比普通单选框复选框高大上
jQuery树形复选框插件
墨鱼部落格
03-11 462
jQuery树形复选框插件 这是一款jQuery树形结构插件，通过数组设置多级复选框菜单，点击主菜单和主菜单选中效果。 演示地址 下载地址
jQuery实现美化版的单选框和复选框 radio 、 checkbox【源码下载】
weixin_30608131的博客
06-09 174
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>jQuery实现美化版的单选框和复选框DEMO演示</title> <link rel="stylesheet" href="css/jquery...
jQuery.HCheckbox 单选框、复选框表单美化
weixin_30502157的博客
07-24 239
jQuery.HCheckbox 基于jQuery的单选框、多选框表单美化的代码例子，将复选框变化成自己喜欢的风格，不再单调和呆板，示例并演示了如何取出表单的值，对WEB前端设计相当有帮助的一个例子。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html...
jQuery表单复选框与单选框美化特效
06-10
总结来说，"jQuery表单复选框与单选框美化特效"通过结合CSS样式和jQuery的事件处理能力，提供了一种高效且灵活的方法来改善用户界面。这不仅提高了表单的视觉吸引力，也增强了用户与表单的交互体验。通过学习和运用...
jQuery表单复选框与单选框美化特效.zip
最新发布
09-22
在本资源"jQuery表单复选框与单选框美化特效.zip"中，您将找到一个使用jQuery实现的表单复选框和单选框美化效果的实例。这个压缩包包含四个主要文件：index.html（主页面）、font（字体文件夹）、js（JavaScript...
Labelauty–jQuery单选框/复选框美化插件分享
01-21
Labelauty–jQuery单选框/复选框美化插件，基于jQuery的一个非常小巧的插件，它除了能够实现单选框/复选框原本的选中、未选中、禁用等功能外，还能够设置选中和未选中的文本信息、标签的最小宽度等。 运行效果图：...
漂亮jQuery单选框/复选框美化插件Labelauty.js
01-01
漂亮jQuery单选框/复选框美化插件Labelauty.js，支持自定义灰色按钮不可点、支持input控件定义选项 直接提交后端即可获取数据还是非常方便的单选框/多选框美化JS插件，特别是在手机端使用，还是非常 适用的。
Labelauty–jQuery单选框/复选框美化插件.zip
07-04
Labelauty–jQuery单选框/复选框美化插件，基于jQuery的一个非常小巧的插件，它除了能够实现单选框/复选框原本的选中、未选中、禁用等功能外，还能够设置选中和未选中的文本信息、标签的最小宽度等。
漂亮jQuery单选框/复选框美化插件Labelauty.js?1.1.2.zip
07-11
实现效果： 漂亮jQuery单选框/复选框美化插件Labelauty.js，支持自定义灰色按钮不可点、支持input控件定义选项 直接提交后端即可获取数据还是非常方便的单选框/多选框美化JS插件，特别是在手机端使用，还是非常 适用的。
单选框_复选框美化插件
08-05
单选框_复选框美化插件
jQuery 单选框/复选框美化
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
09-23 3035
对于前端萌新来说，美化表单是个痛苦的事情，通常都是去寻找插件这种逃避的办法，其实这并不是难事。在上篇文章中提到了兄弟元素选择器在表单美化中表现突出，下面的示例源码将体现 基础篇知识的实际应用。 纯CSS版：http://www.jq22.com/webqd5106 上效果图： 源码如下： <!-- author:helang Email:helang.love@...
jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化
freejs
06-07 341
jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化 本站之前发过类似的文章《jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化》 本列更加简洁 css和js文件请到演示页面查看源码 演示     XML/HTML Code &lt;input type="radio"...
推荐11款jQuery的复选框和单选框美化插件
weixin_34220179的博客
09-23 95
英文出处： jQuery Plugins for Styling Checkbox &amp; Radio Buttons
css3 单选框美化
Doris_sun的博客
05-21 1157
 &lt;ul&gt; &lt;li&gt;&lt;label class="my_protocol"&gt;&lt;input type="radio" name="leixing" class="input_agreement_protocol"&gt;&lt;span&gt;&lt;/span&gt;身
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值