关于动态控制 input type="image"对象

80酷酷网    80kuku.com

  动态|对象|控制    前一阵在写Web控件的时候,写了一个继承ImageButton的控件,在Page_Load以后,

发现在Client端显示的是<input type=image id...>,我用javascript在前端做控制,从

document.elements里面就是找不到这些imageButton对象,在MSDN里面查找,也是说

document.elements里面的对象,不包含type=image的Input对象。

       后来,发现可以用以下方法解决!

      var objInput=document.getElementsByTagName("input");

      for(var i=0;i<objInput.length;i++)
      {         
          if(objInput[i].type.toUpperCase()=='IMAGE')
          {
                 var imgBtnID=objInput[i].id;
                 var imgbtn=document.all[imgBtnID];
     
                 var imgenable=img.attributes["WITEnableImage"]; 
                 var imgdisable=img.attributes["WITDisableImage"];
         
                 if(imgbtn)
                 {
                        prop=imgbtn.attributes[groupname];
      
                        if(prop)
                        {
                                if(prop.value.toUpperCase()=='TRUE')
                                {
                                          imgbtn.disabled=false;
                                          img.src=imgenable.value;
                                }
                                else
                                {
                                          imgbtn.disabled=true;
                                          img.src=imgdisable.value;
                                 }
                        }  
      
                 }
          
             }    
      } 



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: