IE浏览器存在一个BUG,当你使用label的for属性达到点击label使对应的表单元素聚焦,label中的内容为图片时,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;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;
}
}
}
}
}
}
最新资讯
李在镕:三星所有人都会珍惜李健熙的记忆

李在镕:三星所有人都会

李在镕表示,“我们三星的所有人都会珍惜他的记忆,并感谢
三星会长李健熙去世 三星发声明:他的遗产将是永恒的

三星会长李健熙去世

三星的一份声明说,李健熙周日去世时,他的家人,包括他的儿
三星会长李健熙去世 继承人或将面临76亿美元遗产税

三星会长李健熙去世

李健熙去世之后,他的继承人或将面临76亿美元的遗产税。
三星会长李健熙去世:此前被指控逃税和侵吞公司资产118亿韩元

三星会长李健熙去世:此

此前李健熙被控逃税和侵吞公司资产总价值超过118亿韩
特斯拉官方回应“共享特斯拉”:与公司无关

特斯拉官方回应“共享

特斯拉中国内部人士对此回应表示,目前在国内不存在此类
三星会长李健熙去世:财富达173亿美元 为韩国最大富豪

三星会长李健熙去世:财

三星会长李健熙财富居首,达173亿美元;其儿子,即三星副会
最新文章
浅析html webpack plugin插件的使用教程

浅析html webpack plu

这篇文章主要介绍了html webpack plugin插件的使用教
HTML转PDF的纯客户端和纯服务端实现方案

HTML转PDF的纯客户端

这篇文章主要介绍了HTML转PDF的纯客户端和纯服务端实
HTML行内元素与块级元素有哪些及区别详解

HTML行内元素与块级元

这篇文章主要介绍了HTML行内元素与块级元素有哪些及区
html+css 实现图片右上角加删除叉、图片删除按钮

html+css 实现图片右

这篇文章主要介绍了html+css 实现图片右上角加删除叉
详解iframe的src指向的内容不刷新的解决办法

详解iframe的src指向

这篇文章主要介绍了详解iframe的src指向的内容不刷新
浅析HTML 悬浮float的用法

浅析HTML 悬浮float的

float的用途比较广, 本文主要给大家介绍HTML 悬浮floa