jquery插件:select、checkbox、radio的美化

时间:2021-02-20 13:52:44

引用文件: 

<script src=”/InputPick/jqInputFormat.js” type=”text/javascript”></script>
<link href=”/InputPick/jqInputFormat.css” rel=”stylesheet” type=”text/css” />

注:这个用的是jquery1.51的版本,用1.8会不兼容

兼容1.8版本的引用文件:

<script src=”/Js/siteJs/InputPick/jqInputFormat.js” type=”text/javascript”></script>
<link href=”/Js/siteJs/InputPick/jqInputFormat.css” rel=”stylesheet” type=”text/css” />

一、使用方法:

select:
$(“#ddl_JobSeekerNationality”).selectbox({ “inputWidth”: “194px”, “inputHeight”: “26px”, “containerWidth”: “198px”, “containerHeight”: “200px”, “containerTop”: “31px”, “zIndex”: “3″,grayString:”请选择” });
参数说明:inputWidth:宽度;inputHeight:高度  containerWidth:下拉框弹出层的高度;grayString:灰色项
containerHeight:下拉框弹出层的宽度  containerTop:下拉框弹出层的位置
zIndex:如一个页有其它层挡住slect 则设置此值

二、checkbox: $(‘form’).jqCheckBox();

二、radio:  $(‘form’).jqRadioBox(); 

提示:注意外层的浮动

参考页面:个人注册页面   个人填写基本信息页面