您的位置:首页 > 其它

实现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"/>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: