解决在IE下创建checkbox无法选中的问题

最新推荐文章于 2022-06-24 11:45:44 发布

tegwy

最新推荐文章于 2022-06-24 11:45:44 发布

阅读量6.5k

点赞数

分类专栏： JavaScript 文章标签： ie input 浏览器

本文链接：https://blog.csdn.net/tegwy/article/details/4071385

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

首先看下段代码：

var oC = document.createElement("input"); oC.type = "checkbox"; oC.name = "userName_" + users[p].entpTypeId; oC.value = users[p].id; oC.id = users[p].entpTypeId + "_" + users[p].id; oC.checked = true; entpTypeDiv.appendChild(oC); entpTypeDiv.appendChild(document.createTextNode(users[p].user_name));

如上面写的那样创建后的checkbox在IE下是没有选中的，而在其他浏览器下则正常，解决的方法如下：

var oC = document.createElement("input"); oC.type = "checkbox"; oC.name = "userName_" + users[p].entpTypeId; oC.value = users[p].id; oC.id = users[p].entpTypeId + "_" + users[p].id; entpTypeDiv.appendChild(oC); oC.checked = true; entpTypeDiv.appendChild(document.createTextNode(users[p].user_name));

如上段代码所示，想创建的checkbox在IE下被选中的话，则需要在其未加入父结点之前将checkbox=true的属性设置好后便可解决这个问题了。为了避免类似的错误不小心发生同时也为了代码的美观，建议按如下方法编写：

var oC = document.createElement("input"); oC.type = "checkbox"; entpTypeDiv.appendChild(oC);//写在后台为了兼容IE，否则，checked则无法正常显示 oC.name = "userName_" + users[p].entpTypeId; oC.value = users[p].id; oC.id = users[p].entpTypeId + "_" + users[p].id; oC.checked = true; entpTypeDiv.appendChild(document.createTextNode(users[p].user_name));