使用说明
需要使用jQuery
库文件和imageTick
库
文件[在线演示
][下载
]
使用实例
一,包含文件部分
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="imagetick.js"></script>
二,HTML部分
<ul>
<li>
<input type="radio" value="php" id="php" name="biuuu" />
<label for="php">PHP</label>
</li>
<li>
<input type="radio" id="javascript" value="javascript" name="biuuu" checked="checked" />
<label for="javascript">Javascript</label>
</li>
<li>
<input type="radio" id="html" value="html" name="biuuu" />
<label for="html">HTML</label>
</li>
<li>
<input type="radio" id="sql" value="sql" name="biuuu" />
<label for="sql">SQL</label>
</li>
<li>
<input type="radio" id="japanese" value="japanese" name="biuuu" />
<label for="japanese">Japanese</label>
</li>
</ul>
三,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
分享到:
相关推荐
利用jQuery实现的美化版单选框和复选框,样式风格非常简洁清爽,是一款很不错的jQuery按钮插件。
jQuery单选框和复选框美化演示代码,改改就能用,效果比普通单选框复选框高大上
jQuery单选框和复选框美化插件,满足常用 网页开发的需求
jQuery单选框和复选框美化代码是一款基于ui-choose.js实现的表单单选框,复选框美化插件,支持原生select标签和ul标签美化,并且能很方便的获取选中的值。
jQuery树形复选框插件,jQuery树形复选框插件,jQuery树形复选框插件,jQuery树形复选框插件
jquery操作单选框和复选框,超级实用的示例,节约项目开发时间!
jQuery单选框和复选框美化标签选择代码 jQuery单选框和复选框美化标签选择代码 jQuery单选框和复选框美化标签选择代码 jQuery单选框和复选框美化标签选择代码 jQuery单选框和复选框美化标签选择代码
一个js的方法,调用该js可实现下拉复选框。 /**//** * Creat date 2011-11-10 * Creat by zhuoyueping *支持input表单的下拉复选框。 *使用方法: * (1)调用js函数:setSelectBox(textItem, myArray); *...
jQuery单选框复选框美化插件,基于jQuery的一个非常小巧的插件,它除了能够实现单选框复选框原本的选中、未选中、禁用等功能外,还能够设置选中和未选中的文本信息、标签的最小宽度等。兼容主流浏览器
29、jQuery单选框跟复选框美化代码
web前端插件+下拉多选复选框,可用于后台多选数据,前端也可以使用,插件可以二开也可以
checkBo 是轻量级的 jQuery 插件,可以自定义复选框和单选框。 特性 跨浏览器:Chrome, Firefox, Safari, Opera ( PC, MACOS ). IE8 支持便捷触摸设备:Andriod, IOS, BlackBerry 轻量级插件 支持全选 提供...
jQuery单选框跟复选框美化代码是一款能够实现单选框 复选框原本的选中,未选中,禁用等功能外,还能够设置选中和未选中的文本信息,标签的最小宽度等。
jquery iCheck.js实现的自定义复选框checkbox和单选框radio样式插件.zip
jquery 、js实现复选框 (全选、反选)功能··
highchecktree是一款使用指定源数据生成带复选框的树形结构的jQuery插件。该树形结构插件对于在大数据的处理上性能十分出色。它使用懒加载的形式来提供性能,子节点会在点击时才去加载数据。
jquery实现 复选框 选中和不选中 美化复选框
jQuery单选框复选框美化代码是一款精装单选跟复选组件下载。 jQuery单选框复选框美化代码截图
jQuery+Labelauty美化单选框和复选框 jQuery+Labelauty美化单选框和复选框 jQuery+Labelauty美化单选框和复选框 jQuery+Labelauty美化单选框和复选框