表单代码:jquery美化Checkbox 和 Radio插件checkBox

系统分类:代码 - 网页代码 - 表单代码 枫之夜叉 2015-11-30 15:50:58 上传

版权信息: "表单代码"栏目内,站内会员所分享的全部资料,仅供学习与参考,版权为原作者所有。
枫之夜叉加关注
江苏淮安 / 程序员
标签:jquery美化   Checkbox美化

jquery美化Checkbox 和 Radio插件checkBox

checkBo是一款自定义checkbox和radio事件,样式的jquery插件,checkBo使用了一套默认的CSS样式,美化了checkbox和radio,从而达到美化表单的效果。

特点:

跨浏览器:Chrome,Firefox,Safari、Opera(PC,MACOS)。IE8 +(CSS3不支持)

手持/触摸设备支持:Andriod,IOS,黑莓

轻量级的插件

全选复选框

尺寸选择:默认情况下,小型,中型,大型

不需要任何样式类或自定义属性来获取状态:checked。

切换检查所有文本

显示,隐藏和切换元素

在新标签使用链接

radio组切换

jquery实例:checkBo的使用方法

引入核心文件

<script type="text/javascript"  src="http://libs.useso.com/js/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="src/0.1.3/css/checkBo.min.css">
<script type="text/javascript" src="src/0.1.3/js/checkBo.min.js"></script>


构建html

<label class="cb-checkbox">
  <input type="checkbox" name="..." />
  ...
</label>


写入JS初始化


$('ANY').checkBo();



更多请参考官方文档,那作者有些粗心,好多地方都有些小错误,请注意下。

素材人气
  • 浏览:
  • 收藏:
  • 评论:
  • 推荐:
  • 附件下载:
枫之夜叉
江苏淮安 / 程序员
2015-11-30 15:50:58发布
全部评论()
全部推荐()