解决checkbox的onclick事件在ie浏览器各版本中不兼容问题
2017-04-20 16:10
721 查看
先看代码
<label for="TDNR"> 3DNR:</label>
<input type="checkbox" name="TDNR" value="3DNR" checked="true" onchange="checkField(this.value,this.checked)" id="TDNR" />
在js中测试
function checkField(param,check){ //SET SWITCH
alert(param+check);
}
我是在ie11上编写测试的ok,但在后期测试时发现在ie8中onchange事件不会被触发,奇怪的是点击lable标签内容时,可以触发onchange事件,弹出相关属性。于是认为是checkbox出了问题,在经过各种尝试后,发现实用简单的方法:把onchange改为onclick即可解决问题。
<label for="TDNR"> 3DNR:</label>
<input type="checkbox" name="TDNR" value="3DNR" checked="true" onchange="checkField(this.value,this.checked)" id="TDNR" />
在js中测试
function checkField(param,check){ //SET SWITCH
alert(param+check);
}
我是在ie11上编写测试的ok,但在后期测试时发现在ie8中onchange事件不会被触发,奇怪的是点击lable标签内容时,可以触发onchange事件,弹出相关属性。于是认为是checkbox出了问题,在经过各种尝试后,发现实用简单的方法:把onchange改为onclick即可解决问题。
相关文章推荐
- 解决WebSocket兼容ie浏览器版本问题
- IE浏览器各版本与web标准不兼容问题解决方案
- 解决ie浏览器注册事件不兼容问题
- IE浏览器各版本与web标准不兼容问题解决方案
- 点聚web office解决IE浏览器多个版本兼容问题
- CSS样式如何解决IE浏览器不同版本的兼容问题
- checkbox的change事件(IE浏览器change事件问题及解决方法)
- 解决jquery 修改onclick事件后IE兼容模式下立刻执行的问题
- IE浏览器JSON不兼容问题及浏览器版本问题解决
- 【转】解决GridView中嵌入CheckBox事件无法响应的问题
- 关于eclipse当中的版本兼容问题(一点小问题的解决也需要大量的时间)
- 解决SQLserver不同版本的兼容问题
- 解决Opencv高低版本不兼容问题
- 解决Opencv高低版本不兼容问题
- setAttribute()的使用方法与ie不兼容onclick事件解决方法
- strutsDAO层添加数据时 mysqljar包版本兼容问题解决
- 【Android】导入低版本 project到高版本sdk后,遇到的兼容问题的解决
- form表单内 checkbox 的 onclick事件 typeError: *** not a function 调用方法类型错误 解决
- 解决多版本SDk的兼容问题
- opencv1.0版本摄像头驱动不兼容问题的解决方法