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

引用文件：   

<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(); 

提示：注意外层的浮动

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

转载于:https://www.cnblogs.com/sunnywindycloudy/p/7388442.html