用图片作为label，for属性IE下不起作用
导读：收集整理的这篇文章主要介绍了用图片作为label，for属性IE下不起作用 ，觉得挺不错的，现在分享给大家，也给大家做个参考。 例如： 复制代码代码如下: <input tyPE="checkbox" id="a">&...
收集整理的这篇文章主要介绍了用图片作为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 & & navigator.appVersion.indexOf("Windows")> -1)
{
VAR a = document.getelementsbytagname("label");
for(var i=0,j=a.length; ij; 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;
}
}
}
}
}
}
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 用图片作为label，for属性IE下不起作用
本文地址： https://pptw.com/jishu/587702.html