关于动态控制 input type="image"对象
2007-07-25 12:50
477 查看
前一阵在写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;
}
}
}
}
}
发现在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;
}
}
}
}
}
相关文章推荐
- 关于<input type="image"/>
- <input type="image"> 和 <img> 用法区别
- <input type="image"标签引发的页面提交!
- input type="image" 和 img 用法区别
- 关于清空input[type="file"]的方法
- 关于JSP中单击任意标签弹出文件选择框(<input type="file"/>)的实现方法
- 关于<input type="text">不能显示空格的问题
- 按钮图片<input type="image" class="peidui_Bt1" src="img/pedui_bt.png" />
- 关于JFinal的单个input标签type=file的multiple="multiple"多图片上传,每次只接收到一个uploadFile对象的解决办法。
- 动态生成文本框 input type="text"
- <input type="image"> 和 <img> 用法区别
- 在input的type="text"里控制只能输入数字
- S动态添加与删除select中的Option对象 2009年09月23日 15:26 <html> <head> <meta http-equiv="Content-Type" content="t
- 关于<input type="file">样式的美化
- 关于<input type="text">不能显示空格的问题
- 关于jsp中<input type="file">获取路径问文件名,获取完全路径问题
- input type="image" 和 img 用法区别
- 关于ViewState的问题 <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="之后有一大串乱码
- 关于Html5中<input type="number" name="points" min="1" max="10" />只能输入整数的问题
- <input type="image"标签引发的页面提交!