ie中js创建checkbox默认选中问题

最新推荐文章于 2022-12-15 10:10:57 发布
原创 最新推荐文章于 2022-12-15 10:10:57 发布 · 3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie #input #浏览器 #测试 #微软

本文探讨了在IE8浏览器下使用JavaScript创建并设置checkbox元素时遇到的问题，特别是兼容模式与非兼容模式之间的差异。通过实验发现，在appendChild操作后设置checkbox的checked属性可以确保其在IE8下正常显示已选状态。

测试浏览器：ie8(兼容和不兼容模式)，ff6。

var chk = document.createElement("input");

chk.setAttribute("type","checkbox");

container.appendChild(chk);

chk.setAttribute("checked",true);

以上代码在ie8兼容模式和ff6下都没有总是，但在ie8不兼容模式下不起作用，只有在appendChild后，再设置checked的值就都起作用，如下：

var chk = document.createElement("input");

chk.setAttribute("type","checkbox");

chk.setAttribute("checked",true);

container.appendChild(chk);




P.S. 不知道微软在搞什么：（

ie中js创建checkbox默认选中问题探讨
10-26
js创建checkbox默认选中在某些特殊情况下还是比较实用的，下面有个不错的示例，大家可以参考下
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
09-05
checked属性在IE下不能正确实现的问题
IE6 IE7 下 checkbox 选中 问题
云计算专栏
05-26 2403
<div id="node1">level 1</div>     <script>     function a()   {       var node1=$("node1");// 第一层         var node2 = createElement("div");// 第二层-父亲node1       node2.innerHTML="<span>level 2</span>";         var node3 = createElement("div");// 第二层-父亲node1
document.createElement("input")动态创建html元素时checkbox和radio默认选中的问题
zb0567的专栏
08-10 1740
最近研究createElement的时候发现一个奇怪的问题 [JScript] view plaincopy var echkbox=document.createElement("input");   echkbox.setAttribute("type","checkbox");   echkbox.setAttribute("id","in
IE中checkbox在刷新后初始化的问题
09-05
例如，以下代码会创建一个默认未选中的`checkbox`： ```html <input type="checkbox" id="chk_UnInital" name="chk_UnInital" /> document.getElementById("chk_UnInital").checked = false; ``` 然而，这个方法...
比较全的JS checkbox全选、取消全选、删除功能代码
10-30
根据提供的文件信息，我们将讨论关于JavaScript（JS）中操作复选框（checkbox）的全选、取消全选和删除功能的实现。以下是详细的解释： ### 知识点一：全选与取消全选操作 在HTML中，复选框通常用于允许用户从一组...
jq设置checkbox默认选中状态
食火的埃尔德里奇
12-14 3万+
1.后台发送的数据 是spring框架中的对象model.addObject(“student”,stu); 前台页面由隐藏的接收对象页面代码：<input id="wfsi" class="hidden" th:value="${student.age}"/><div> <input id="ckbx" type="checkbox"/> </div>jq代码设置checkbox的几种方式:1.
ps中的色彩范围
ducaijia_123的博客
10-21 855
ps中的色彩平衡在选择->色彩范围中，他的作用可以把相近的颜色进行选区的选中，你可以按住shift键来进行颜色的增加和减少。还有他的一个容差值来进行选区的选择。
原生checkbox多选框默认选中以及获取选中的结果
文龙刚的博客
12-15 1473
原生checkbox多选框默认选中以及获取选中的结果
html怎么自动选中,Html checkbox标签如何设置默认选中以及用js操作checkbox代码示例...
weixin_39626089的博客
06-02 1033
在 HTML 文档中 每出现一次，Checkbox 对象就会被创建。Checkbox 设置默认选中代码:注意：checked="checked"表示默认选中状态。完整测javascript操作checkbox代码示例:function add(){var price = Number(document.getElementById("price1").value);var boxes = doc...
JS/jq 实现复选框默认选中
FF_Chen的博客
07-26 4144
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://heerey525.github.io/layui-v2.4.3/layui/css/layui.css" /> </head> <body
checkbox 设置默认值
A's World
08-02 3307
checkbox 设置默认值checkbox 设置默认值checkbox 设置默认值checkbox 设置默认值
angualrJS之checkbox默认选中项实例
miniminixu的博客
07-31 1万+
一、问题 工作时碰到一个问题，一条记录的详情是一个表单，表单中包含checkbox和radio等元素，这个表单有默认值且可以修改，接口已返回默认值，需要将默认值绑定到表单。平时没有接触过给checkbox和radio绑定值，也不太熟悉angularJS，只能求助于百度。二、解决过程 在百度搜到一片很好的文章将问题讲的浅显易懂，但由于没有收藏，翻遍历史记录也找不到那篇文章了，好在代码在调试时保存了
JS设置checkbox 为选中和未选中状态
iBenxiaohai123的博客
08-31 2万+
$("#checkAll").prop("checked",false);//重新请求数据的时候把全选框变为未选中 if ($("#checkbox-id")get(0).checked) {     // do something } 方法二： if($('#checkbox-id').is(':checked')) {     // do something } 方法三： i
javaScript checkbox 默认选中和不选中
09-01 8018
/** * checkbox默认选中 * @param {Object} name */ function checkbox_checked(name){ document.getElementsByTagName(name).checked = true; }
js控制checkbox选中
热门推荐
xiaoxiaoxiaoeryh的博客
05-04 5万+
$("#isOverInvoice").prop("checked", true);
js中复选框checkbox如何判定为被选中
爱学习的大雄的博客
07-07 3万+
在学习的过程中触及到html分离式开发的内容，其中复选框checkbox判定选中对于ajax传数据来说十分重要，故将该篇文章转发留存，方便以后查阅。要想判定复选框选中状态可以使用： 1、checkbox中的checked属性 1.1 如果对于input标签，不设置其checked属性的话，默认是该复选框不被选中； 1.2 而如果设置了checked属性的话，本人在js中测试的时候；1）将checked属性设置为checked=true或者checked=”true”或者checked=”false”时，系统
点击文字 checkbox选中
最新发布
03-19
好的，用户现在问的是关于“点击文字 checkbox选中”的问题。首先，我需要明确用户的具体需求是什么。可能他们是在网页开发中遇到了如何实现点击文字就能选中对应的复选框的情况。这通常涉及到HTML和CSS的知识，特别...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值