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;
}
}
}
}
}
}
最新资讯
微信“戒烟”背后:北京市控烟协会曾给马化腾写信

微信“戒烟”背后:北京

北京市控烟协会就一直跟踪和关注此事,腾讯公司的这个决
飞车要来了?吉利科技沃飞长空:2024年前后投放中国市场

飞车要来了?吉利科技沃

打到一辆空中出租车还要多久?或许三年后就可以通过吉利
2021年“全球十大突破性技术”公布:mRNA疫苗、多技能AI等上榜

2021年“全球十大突破

日前,《麻省理工科技评论》2021“全球十大突破性技术”
引入深圳国资战略股东,苏宁易购还在张近东手里

引入深圳国资战略股东

2月28日晚,苏宁易购发布公告表示,公司引入深国际、鲲鹏
疯狂的赌徒,货拉拉创始人的神秘发家史

疯狂的赌徒,货拉拉创始

对公司经营行为负有最大责任的CEO周胜馥,到底是怎么发
最新文章
详解HTML中字体使用line-height依然不能垂直居中解决办法

详解HTML中字体使用li

这篇文章主要介绍了详解HTML中字体使用line-height依
html直接引用vue和element-ui的方法

html直接引用vue和ele

这篇文章主要介绍了html直接引用vue和element-ui的方
在HTML里加载摄像头的方法

在HTML里加载摄像头的

这篇文章主要介绍了如何在HTML里加载摄像头,本文通过实
html父子页面iframe双向发消息的实现示例

html父子页面iframe双

这篇文章主要介绍了html父子页面iframe双向发消息的实
HTML用户注册页面设置源码

HTML用户注册页面设置

这篇文章主要介绍了HTML用户注册页面设置源码,代码简
当div设置contentEditable=true时,重置其内容后无法光标定位

当div设置contentEdit

这篇文章主要介绍了解决当div设置contentEditable=tru