• IE不支持js的checkbox遍历使用for in语法


    BUG描述: IE经常发现一些奇葩的明明是规范的东西却明显不支持等各种奇葩问题,所以使用时要十分小心,最近的做到垃圾项目由于要求兼容IE,发现了一个奇葩的bug,现在分析出来,以及解决方案

    <input type="checkbox" name="dataCheck" value="1"/>
    <input type="checkbox" name="dataCheck" value="2"/>
    <input type="checkbox" name="dataCheck" value="3"/>
        var obj = document.getElementsByName("dataCheck");
        for(k in obj){
            if(obj[k].checked){
                alert(obj[k].value);
            }
        }

    按道理说上面这份代码应该能获取到选择的checkbox才对,我在chrome 和 firefox测试全部真正运行能获取到选中的checkbox的值然而在IE,却发现一个很奇葩的事情,IE9一下根本进不了for in循环,IE11以下进入for in循环后无法通过checked属性判断哪个被选中了,换了jquery对象判断依旧不行,查了下IE低版本不支持forEach()这个ES5的标准


    解决方案:为了确保在不同浏览器的兼容性,开发过程编写前端代码应该使用最基本的遍历数组的方式,或者使用已经封装好的工具(比如成熟的jq库进行里面的each方法进行遍历)

    for(var i = 1; i <= obj.length; i += 1){
            if(obj[i-1].checked){
                alert(obj[k].value);
            }
        }
  • 相关阅读:
    java 线程状态和转化
    初学Spring
    unittest --- 单元测试
    Python单例模式的两种实现方式
    python records操作数据库
    数据可视化之——matplotlib基础学习
    python使用list维护成一个队列
    Python将list列表维护成一个栈
    Python使用rsa模块实现非对称加密与解密
    python +OpenCV实现rtmp视频流媒体的播放
  • 原文地址:https://www.cnblogs.com/linbingcheng/p/6804519.html
Copyright © 2020-2023  润新知