iCheckbox是一个超棒的界面美化Javascript类库。
主要特性
- 跨浏览器和设备统一的input样式和UI（包括了桌面和移动设备）
- 支持触摸设备 – iOS，android，blackberry，windows phone
- 支持键盘控制 – Tab，空格，方向键和其它快捷方式
- 完全自定义 – 使用任何HTML和CSS来控制输入的样式
- 轻量级 – 1kb
- 15个选项来自定义checkbox和radio
- 8个回调函数支持
- 6个方法来编程控制
- 支持任何jQuery的选择器
- 支持IE7+（如果不使用CSS chain也可以支持ie6），Chrome，Firefox和Safari等浏览器
- 支持移动浏览器（Opera mini, Chrome mobile, Safari mobile等），支持iOS, Android, BlackBerry and Windows Phone设备
使用代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | // customize all inputs (will search for checkboxes and radio buttons) $('input').iCheck(); // handle inputs only inside $('.block') $('.block input').iCheck(); // handle only checkboxes inside $('.test') $('.test input').iCheck({ handle: 'checkbox' }); // handle .vote class elements (will search inside the element, if it's not an input) $('.vote').iCheck(); // you can also change options after inputs are customized $('input.some').iCheck({ // different options |
直接使用选择器来生成美化的代码。
via 极客标签
这是一篇转载文章，来自 gbin1
http://www.gbin1.com/technology/jquerynews/20130414-jquery-plugin-icheckbox/