jQuery插件imageTick实现复选和单选框转化为图片

使用说明
需要使用jQuery 库文件和imageTick 库文件[在线演示 ][下载 ]

使用实例

一，包含文件部分

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="data: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插件imageTick实现复选和单选框转化为图片相关推荐

选下拉框的的值对应上传相应的图片_vue.js如何拿到多种类型表单值提交到后台，包含上传图片、单选、复选、文本框、下拉列表框...
2016-01-17 编辑更新 vue.js如何拿到多种类型表单值提交到后台,包含上传图片.单选.复选.文本框.下拉列表框下面的html包括多种类型的表单,其中包括图片上传,如何拿到这些表单的值提交 ...
php表单复选传值,jQuery+SpringMVC中的复选框选择与传值实例_jquery
下面我就为大家分享一篇jQuery+SpringMVC中的复选框选择与传值实例,具有很好的参考价值,希望对大家有所帮助. 一.checkbox选择在jQuery中,选中checkbox通用的两种方式 ...
jQuery下拉式复选框
jQuery下拉式复选框 jQuery制作选择分类点击弹出下拉复选菜单,支持子菜单和主菜单多选效果.这是一款简单实用的复选框菜单选择代码. 演示地址下载地址
【js】复选框，复选下拉框，文本框勾连
[js]对常见事件的一个总结 ps: 内容涉及(kendo Ui, jQuery) 如下图所示:要求实现功能点 (1)用户名(复选下拉框,可选择多个)和用户名(文本输入框)相勾连复选下拉框改变,文本 ...
Qt实现复选下拉框 C++
文章目录一.QListWidget+QListWidgetItem 二.activate(int) 总结一.QListWidget+QListWidgetItem 实现QComboBox下拉框复选 ...
Jquery操作下拉列表和复选框，自定义下拉
后半部分还有自定义下拉列表和开灯关灯的效果,可以进来来看一下哦如果网页有下拉列表和复选框,看一下Jquery怎么来操作他们,主要怎么来选取他们的数据,怎么设置某一项选中先来看个下拉列表 < ...
jQuery 循环获取checkbox复选框的值，checkbox全选、全不选、反选
前端页面html <tr v-for="(log,index) in logList"><td>& ...
JQuery 获取数据表格复选框选中的值
1,效果图 2,代码 $('#weidatagrid1').datagrid({method:'get',rownumbers: true,singleSelect: false,//允许多选heig ...
html复选框美化插件,Labelauty – jQuery单选框/复选框美化插件
Labelauty – jQuery单选框/复选框美化插件分类:代码日期:2016-08-02 点击(38,744) 下载(0) 来源:未知收藏下拉框美化插件经常见到,如之前介绍过的 Drop ...

jQuery插件imageTick实现复选和单选框转化为图片

jQuery插件imageTick实现复选和单选框转化为图片相关推荐

最新文章

热门文章