前端碰到了需要给input标签下的radio和checkbox设置不同的选择图片。选择用了icheck插件，想达到如下效果
icheck使用方法：
（1）代码中引入Jquery，icheck的CSS样式和js文件。这里我选择的是蓝色的样式，下载了官网上蓝色对应的CSS皮肤库。注意这里下载的除了blue.css文件，还有blue.png，两个图片。文件样式如下：
代码引入如下：
（2）在JS文件中加上icheckc初始化代码
（3）所有type为radio或者checkbox的input标签都会生效。跟input标签起什么名字没什么关系。比如这里的三对是否，名字其实可以不起为iCheck。
- 是 否
- 是 否
- 是 否
（4）这里的图片样式是根据blue.css文件里的设置决定的。如果你想让radio呈现方框，或者checkbox呈现圆框，需要修改blue.css里的设置。同时支持选中框大小的改变。也要通过改blue.css实现。是放大版的blue.png。
background: url() no-repeat;设置背景为就是放大的选中框，默认是blue.png
.iradio_square-blue { background-position: 0 0; } .iradio_square-blue.checked { background-position: -97px 0; }我更改了这两个参数，让radio呈现的方框。大家也可以根据自己需要，像精灵图那样修改。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/205643.html原文链接：https://javaforall.net
