jQuery的表单复选框特效
<meta charset="UTF-8">
<title>jQuery表单复选框与单选框美化特效</title>
<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
<link rel="stylesheet" type="text/css" href="css/multiselect.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/multiselect.js"></script>
</head>
<body><script src="/demos/googlegg.js"></script>
<h3>多选：</h3>
<div id="test"></div>
<span>结果：</span><input type="text" id="testValue"/>
<h3>单选：</h3>
<div id="test2"></div>
<span>结果：</span><input type="text" id="testValue2"/>
<h3>已选:</h3>
<div id="test3"></div>
<span>结果：</span><input type="text" id="testValue3"/>
<h3>关于选择类型（checkStyle）:</h3>
<div style="height: 25px"><b style="margin-right: 10px;"><span>yx(圆心):</span></b><span><i class="iconfont icon-xuanzhong"></i></span><span><i class="iconfont icon-weixuanzhong1"></i></span></div>
<div style="height: 25px"><b style="margin-right: 10px;"><span>yg(圆钩):</span></b><span><i class="iconfont icon-xuanzhong1"></i></span><span><i class="iconfont icon-weixuanzhong1"></i></span></div>
<div style="height: 25px"><b style="margin-right: 10px;"><span>fx(方心):</span></b><span><i class="iconfont icon-CombinedShapeCopy"></i></span><span><i class="iconfont icon-weixuanzhong"></i></span></div>
<div style="height: 25px"><b style="margin-right: 10px;"><span>fg(方钩):</span></b><span><i class="iconfont icon-xuanzhong3"></i></span><span><i class="iconfont icon-weixuanzhong"></i></span></div>
这是一份jQuery的表单复选框特效，需要的朋友可以下载使用
本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性！本站所有资源仅供学习参考。请不要将它们用于商业目的。否则，一切后果由您负责！如有侵权，请联系我们删除。联系方式：admin@php.cn
相关文章
html如何实现表单的选择框效果？单选框与多选框的实现（代码实例）
12 Sep 2018
本章给大家介绍html如何实现表单的选择框效果？单选框与多选框的实现（实例）。meta标签的属性介绍。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
Hot Tools
jQuery2019情人节表白放烟花动画特效
一款抖音上很火的jQuery情人节表白放烟花动画特效，适合程序员、技术宅用来向心爱的姑娘表白，无论你选择愿意还是不愿意，到最后都得同意。
layui响应式动画登录界面模板
layui响应式动画登录界面模板
520情人节表白网页动画特效
jQuery情人节表白动画、520表白背景动画
炫酷的系统登录页
炫酷的系统登录页
HTML5磁带音乐播放器-CASSETTE PLAYER
HTML5磁带音乐播放器-CASSETTE PLAYER