
使用方法
1、引入文件
<link rel="stylesheet" href="css/jquery-labelauty.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery-labelauty.js"></script>
2、HTML
<ul class="aseoe">
<li><input type="radio" name="radio" data-labelauty="视觉设计师"></li>
<li><input type="radio" name="radio" data-labelauty="交互设计师"></li>
<li><input type="radio" name="radio" data-labelauty="前端工程师"></li>
<li><input type="radio" name="radio" data-labelauty="数据分析师"></li>
<li><input type="radio" name="radio" data-labelauty="不可用" disabled></li>
</ul>
Labelauty 可以让选中和不选中显示不同的文本,如:
<input type="radio" name="radio" data-labelauty="未选择|已选择">
3、JavaScript
$(function(){
$(':input').labelauty();
});
配置
属性/方法 | 类型 | 默认值 | 说明 |
---|---|---|---|
development | 布尔值 | false | 开发模式,将会向控制台输出一些信息 |
class | 字符串 | ‘labelauty’ | 触发类 |
label | 布尔值 | true | 是否使用文本 label,如果为 false,则只显示图标 |
separator | 字符串 | ‘/’ | 文本/消息分隔符,用于选中和未选中 |
checked_label | 字符串 | ‘Checked’ | 默认选中时的文本 |
unchecked_label | 字符串 | ‘Unchecked’ | 默认未选中时的文本 |
minimum_width | 布尔值/字符串 | false | 文本的最小宽度 |
same_width | 布尔值 | true | - |
搜索发现
-
1
-
2
-
3
- 4 jQuery nav导航(原创)
- 5 轮菜单
- 6 简易使用的导航栏
- 7 类似于Jquery的JS下拉菜单
- 8 jQuery树形组件(原创)
- 9 仿今日头条App顶部导航点击可居中(优化版)
- 10 jQuery仿flash导航代码
- 11 paging 分页插件
- 12 简易的动态生成表格和分页效果(原创)
- 13 jQuery分页插件jQuery.pager.js
- 14 css3回转菜单
- 15 jQuery水平方向菜单导航条 滑块伴随鼠标移动(原创)
-
1
仿浏览器主页搜索(原创)10550
-
2
angularjs日期选择插件10470
-
3
vue2.0实现全选,全不选。10462
- 4 jQuery QWERTY软键盘插件Virtual Keyboard
- 5 js汉字转拼音
- 6 jQuery环型进度倒计时
- 7 jquery表单验证插件form_validation.js
- 8 vue移动端优惠券模板
- 9 前端MD5加密插件md5.pro.js
- 10 jQuery多功能网页键盘插件
- 11 jQuery实现汉字转拼音的插件
- 12 jQuery拖拽插件Magnet.js
- 13 jQuery输入框数值加减调整插件
- 14 vue购物结算页面模板
- 15 jQuery倒计时插件countdown.js