实用的表单美化复选框、单选、下拉框美化特效

  • 1699
  • 1
  • 0

  1. <script type="text/javascript">
  2.         $(function() {
  3.                 //单选
  4.                 /*
  5.                 * selected: 默认选中值
  6.                 */
  7.                 $("input[name='sex']").richradio();
  8.                 $("input[name='sex2']").richradio();
  9.                 $("input[name='sex3']").richradio({selected:"2"});
  10.                
  11.                 //复选
  12.                 /*
  13.                 * allBtn:是否出现全选按钮,默认 false
  14.                 * checkAll: 全选,默认false
  15.                 * selected: 默认选中值
  16.                 */
  17.                 $("input[name='xingqu']").richcheckbox();
  18.                 $("input[name='xingqu2']").richcheckbox({allBtn:true, checkAll:true});
  19.                 $("input[name='xingqu3']").richcheckbox({allBtn:true});
  20.                 $("input[name='xingqu4']").richcheckbox({allBtn:true, selected:"2,4"});
  21.                
  22.                 //下拉框
  23.                 /**
  24.                 * type: single(单选,默认),multi(多选)
  25.                 * selected: 默认选中值
  26.                 * width: 宽度
  27.                 * placeholder: 提示文字
  28.                 *
  29.                 **/
  30.                 $("#mySelect").richselect();
  31.                 $("#mySelect2").richselect({selected:"3"});
  32.                 $("#mySelect3").richselect({type:"multi", placeholder:"hello"});
  33.                 $("#mySelect4").richselect({type:"multi", selected:"4,5", width:"300px"});
  34.                
  35.         });
  36. </script>
复制代码


非常全面强大的表单美化插件源码下载。

本素材被以下收藏专辑推荐:

  • 1|素材: 16, 订阅: 0
实用的表单美化复选框、单选、下拉框美化特效
  • 倒霉熊 刚刚下载了一个素材
  • 李舒楠 刚刚下载了一个素材
  • qqFz2 刚刚下载了一个素材
  • 沈阳云端科技张赛伦 刚刚下载了一个素材
  • 小k 刚刚下载了一个素材
  • qqKingJ73 刚刚下载了一个素材
  • qq略略略As5 刚刚下载了一个素材
  • qq梦想TPP 刚刚下载了一个素材
  • 晏惠梅 刚刚下载了一个素材
  • 阿白12345678 刚刚下载了一个素材
  • qq呱呱XB4 刚刚下载了一个素材
  • Owen111 刚刚下载了一个素材
  • H3789 刚刚下载了一个素材
  • 爱咸口吐司面包 刚刚下载了一个素材
  • qqwillWtJ 刚刚下载了一个素材
分享者:
分享者头像
小编
热门素材推荐
HTML素材网,HTML5模板,网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题