zoukankan      html  css  js  c++  java
  • 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);
            }
        }
  • 相关阅读:
    MongoDB 基本概念
    MongoDB 设置参数
    MongoDB 操作数据库
    MongoDB 目录分析、基础命令、参数设置
    Windows下MongoDB的下载安装、环境配置
    MongoDB 简介
    SQL与NoSQL
    es6 箭头函数(arrow function) 学习笔记
    WebPack 简明学习教程
    vue自定义指令
  • 原文地址:https://www.cnblogs.com/linbingcheng/p/6804519.html
Copyright © 2011-2022 走看看