下拉框美化插件经常见到,而单选框/复选框美化插件就比较少见到了,今天就来介绍一款—— Labelauty。
Labelauty 基于 jQuery,是一个非常小巧的插件。它除了能够实现单选框/复选框原本的选中、未选中、禁用等功能外,还能够设置选中和未选中的文本信息、标签的最小宽度等。
使用方法
1、引入文件
2、HTML
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