实现checkbox的自绘功能 ((
2012-01-12 16:14
309 查看
<script type="text/javascript"> function paint(obj){ var ischeck=$("#obj").attr("checked"); var newcheck=$("<span><img /><label></label></span>");//创建新的 if(ischeck){ $("img",newcheck).attr("src","images/wjx.jpg");//加入新的 }else{ $("img",newcheck).attr("src","images/wjx2.jpg"); } $("label",newcheck).text($("#obj").attr("title"));//设置label的值,取出原来checkbox的title属性,$("label",参考的对象) $("#obj").parent().append(newcheck); newcheck.click(function(){ var src=$("img",newcheck).attr("src"); if(src=="images/wjx.jpg"){ $("img",newcheck).attr("src","images/wjx2.jpg"); }else{ $("img",newcheck).attr("src","images/wjx.jpg"); } }); $("#obj").remove();//移动原来的 } $(function(){ paint(obj) }) </script>
<input type="checkbox" checked=checked title="ViP会员" id="obj"/>
相关文章推荐
- jquery 实现checkbox全选、取消全选功能
- GridView控件实现批量删除功能(checkbox)
- BaseAdapter完美实现ListView中checkbox全选,取消,多选功能
- 使用AngularJS让checkbox复选框实现限选功能。(如一次只能限选两个checkbox复选框)
- 周末在家闲得慌,整理了一下flex AdvancedDataGrid实现checkBox全选功能
- 实现checkBox readonly功能的两种方式
- JQuery实现checkbox的全选/取消全选,实现类似于邮箱功能
- Flex控件--AdvancedDataGrid实现列头过滤功能(顺便写了Button列、CheckBox列、ComboBox列等)
- 全选/取消 gridview中checkbox的功能实现
- GridView 添加checkBox 实现全选功能
- 多种方法实现checkbox全选、取消全选、删除功能
- Flex List 用嵌入的ItemRenderer实现CheckBox选中功能
- checkbox实现单选功能
- 两种方式实现checkBox readonly功能
- 实现前端table中checkbox全选功能,并将选中的数据发送到后端
- jquery全选checkBox功能实现代码(取消全选功能)
- JS实现CheckBox复选框全选全不选功能
- Flex中DataGrid实现列(包括头部)中加入CheckBox全选功能
- listview 包含checkbox实现单选功能
- 基于ListView和CheckBox实现多选和全选记录的功能