手机版

Labelauty–jQuery单选框/复选框美化插件分享

时间:2021-10-02 来源:互联网 编辑:宝哥软件园 浏览:

本文实例讲述了标签autyJquery单选框/复选框美化插件,分享给大家供大家参考。具体如下:LabelautyjQuery单选框/复选框美化插件,基于jQuery的一个非常小巧的插件,它除了能够实现单选框/复选框原本的选中、未选中、禁用等功能外,还能够设置选中和未选中的文本信息、标签的最小宽度等。运行效果图: - 查看效果-

具体代码如下

标题标签Jquery单选框/复选框美化插件/titlelink rel='样式表href=' CSS/jquery-label auty。CSS ' script src=' http : js/jquery-1。8 .3 .量滴js '/script script src=' http : js/jquery-label auty。js '/脚本/head dy!-代码开始- h1jQuery单选框/复选框美化插件演示/h1h3您的职业(单选框)/h3ul class=' Li输入类型=' radio '名称=' radio '数据-标签auty='视觉设计师/Li Li输入类型=' radio '名称=' radio '数据-标签auty='交互设计师/Li Li输入类型=' radio '名称=' radio '数据-标签auty='前端工程师/Li Li输入类型=' radio '名称=' radio '数据-标签auty='数据分析师/Li Li输入类型=' radio '名称=' radio 禁用的数据-标签auty='不可用/li/ulhrh3您擅长的技能(复选框)/h3ul class=' Li输入类型=' checkbox ' name=' checkbox '禁用检查数据-标签auty=' HTML '/Li Li输入类型=' checkbox ' name=' checkbox '数据-标签auty=' JavaScript '/Li Li输入类型=' checkbox ' name=' checkbox '数据-标签auty=' SEO '/Li Li输入类型=' checkbox ' name=' checkbox '数据-标签auty=' Phlhnet '/Li/ulscript $(function(){ $(' : input ') 标签auty();});/脚本!-代码结束-div style=' text-align : center;边距:50 px 0 ' p style='边距336020 px 0 '/p/div/body/html希望本文所述对大家的jQuery程序设计有所帮助。

版权声明:Labelauty–jQuery单选框/复选框美化插件分享是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。