jQuery插件imageTick实现复选和单选框转化为图片
?
二,HTML部分
?
?三,Javascript部分
?
<script type="text/javascript">$(document).ready(function(){$("input[name='biuuu']").imageTick({tick_image_path: "images/radio.gif",no_tick_image_path: "images/no_radio.gif", image_tick_class: "radios"});});</script>?如上实例,把name为biuuu的复选框转化为图片,直接调用jQuery插件imageTick即可,对于单选框的使用方式也一样,使用非常简单,其中相关参数说明如下:
tick_image_path表示转化的图片
no_tick_image_path表示没有转化的图片
image_tick_class表示显示的CSS效果?
具体可查看imageTick实例,同时可了解一下imageTick插件的JS库文件,掌握表单元素的替换原理。
点我下载imageTick源程序
http://jquerycodes.googlecode.com/files/imagetick.rar