作者:Chris Spooner
翻译:Terry li - GBin1.com
英文: jQuery Plugins for Styling Checkbox & Radio Buttons
web开发中所有的输入控件中复选框和单选框的样式是最难去设计的,因为不同的浏览器及其操作系统对于样式的渲染展现是不一样的。但是在jQuery的帮 助下我们可以整体的改变他们的样式。这里我们将介绍12款实用的美化插件来帮助大家设计简单直白的按钮设计,或者时尚的Iphone类型的开关按钮。
Fancy checkboxes and radio buttons with CSS
![](http://www.gbin1.com/technology/jquerynews/jqueryplugin4checkboxandradio/1.jpg)
jqTransform
![](http://www.gbin1.com/technology/jquerynews/jqueryplugin4checkboxandradio/2.png)
![](http://www.gbin1.com/technology/jquerynews/jqueryplugin4checkboxandradio/3.png)
jQuery Checkbox
![](http://www.gbin1.com/technology/jquerynews/jqueryplugin4checkboxandradio/4.png)
jNice
![](http://www.gbin1.com/technology/jquerynews/jqueryplugin4checkboxandradio/5.png)
NiceForms
![](http://www.gbin1.com/technology/jquerynews/jqueryplugin4checkboxandradio/6.png)
iPhone-style Checkboxes
![](http://www.gbin1.com/gbin1/generated/technology/jquerynews/jqueryplugin4checkboxandradio/7.png/com.gbin1.core.ResizedThumbnail/resized-1930684903.jpg)
ezMark jQuery Checkbox & Radio Button plugin
![](http://www.gbin1.com/technology/jquerynews/jqueryplugin4checkboxandradio/8.png)
jQuery Fancy Custom Radio-button and Checkbox
![](http://www.gbin1.com/technology/jquerynews/jqueryplugin4checkboxandradio/9.png)
![](http://www.gbin1.com/technology/jquerynews/jqueryplugin4checkboxandradio/10.png)
Create iPhone-style buttons with the iButton jQuery Plug-in
![](http://www.gbin1.com/technology/jquerynews/jqueryplugin4checkboxandradio/11.png)