用图片作为label,for属性IE下不起作用

发布时间:2022-04-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了用图片作为label,for属性IE下不起作用 脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
例如:

复制代码
代码如下:

<input tyPE="checkbox" id="a"><label for="a"><img src="..."></label>

我们希望得到的效果是:点击“中国银行”,复选框会被选上(或者取消)。在FireFox,CHromE等浏览器下是没有问题的,但是IE浏览器却不这套。

解决的办法是使用JS:

复制代码
代码如下:

window.onload = function(){
if(document.all && navigator.appversion.indexOf("MSIE")>-1 &amp;& navigator.appVersion.indexOf("Windows")>-1)
{
VAR a = document.getelementsbytagname("label");
for(var i=0,j=a.length;i<j;i++){
if(a[i].hasChildNodes && a[i].childNodes.ITem(0).tagName == "IMG")
{
a[i].childNodes.item(0).forid = a[i].htMLFor;
a[i].childNodes.item(0).onclick = function(){
var e = document.getElementById(this.forid);
switch(e.type){
case "radio": e.checked|=1;break;
case "checkbox": e.checked=!e.checked;break;
case "text": case "password": case "textarea": e.focus(); break;
}
}
}
}
}
}

脚本宝典总结

以上是脚本宝典为你收集整理的用图片作为label,for属性IE下不起作用 全部内容,希望文章能够帮你解决用图片作为label,for属性IE下不起作用 所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:label