Checkbox的checked属性问题

iammonster

浏览: 1791478 次
性别:
来自: 北京

最近访客更多访客>>

yuanyuan7891

sagadan

JianCaesar

led19880901

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

IE Firefox JavaScript Opera 脚本

转自：http://www.cnblogs.com/net205/archive/2008/08/31/1280432.html

　　前几天开发中用Javascript脚本创建Checkbox时，发现设置checked属性有问题，后来测试得到设置checked属性在IE,Firefox,Opera中存在差异。

　　　我们先来看一下网上搜索到的例子。

　　1、Internet Explorer 6 and the checked checkbox

　　　http://claudio.cicali.org/article/90/ie-6-and-the-checked-checkbox

　　　You dinamically create a checkbox and then put its state to checked. Then, you append your new checkbox to its parent. In firefox there’s nothing wrong with that. But Internet Explorer DOES NOT check the box. Why? Well, FIRST you have to show the checkbox and THEN check it.

So:　

chk = document.createElement('INPUT')
chk.type='checkbox'
chk.checked=true
document.getElementById('container').appendChild(chk)

Does not work in IE. You have to rewrite this as:

chk = document.createElement('INPUT')
chk.type='checkbox'
document.getElementById('container').appendChild(chk)
chk.checked=true

　　从这里我们可以看出在IE中，checked属性需要在添加到页面以后设置才有效，而FF,Opera都不存在此现象。

　　2、firefox和ie下面的初始化checkbox
　　　http://www.cnblogs.com/sxlfybb/archive/2008/03/20/1114242.html

　　　这篇日志得出同样的结果。(申明：firefox下是支持cb.checked=true这样的写法，checked是一个可读写的属性。至少我的环境是正常的。)

　　3、使用CheckBox的indeterminate属性的问题

　　　http://blog.csdn.net/yangdengfeng2003/archive/2007/05/05/1597399.aspx

　　　这篇日志提到了CheckBox的indeterminate属性的问题，注意：CheckBox的indeterminate是一个独立的属性，和CheckBox的checked、status的取值无关，也就是说它只会影响CheckBox的外观显示，我们仍然可以正常的使用脚本读取 checked和status的值。

　　4、DOM & checkbox(checked status)

　　　http://forums.microsoft.com/MSDN/ShowPost.aspx?PostID=842144&SiteID=1

帖子中提到Checkbox在IE6和IE7下的多种情况。（此帖子中的代码本人没有测试过。）

　　　最后看看本人测试结果及结论：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3  <head>
 4   <title>CheckBox Example</title>
 5   <meta name="generator" content="editplus" />
 6   <meta name="author" content="Net205" />
 7   <meta name="keywords" content="Net205,冷风工作室" />
 8   <meta name="description" content="CheckBox Example in IE、FF、OP" />
 9   <meta http-equiv='Cache-Control' content='no-cache'/>
10  </head>
11 
12 <body>
13 <%
14     Response.Buffer = true
15     Response.Expires = 0
16     Response.ExpiresAbsolute = Now() - 1     
17     Response.CacheControl = "no-cache"  
18     Response.AddHeader "Pragma", "No-Cache" 
19 
20     For Each e In Request.Form
21         Response.Write e & " : " & Request.Form(e) & "<br />"
22     Next
23 
24 %>
25 <form id="frm" name="frm" method="post" action="?">
26     <input type="checkbox" id="chkTest1" name="chkTest1" value="1" />
27     <script>
28         /*you can use setAttribute to set the value of attribute,like this:
29           chk.setAttribute("name", "chkTest2")，chk.setAttribute("checked", true)*/
30         var chk1 = document.createElement('input');
31         chk1.id = "chkTest2";
32         chk1.name = "chkTest2";
33         chk1.type = "checkbox";
34         chk1.value = "1";
35         //chk1.defaultChecked=true;
36         //chk1.indeterminate = true;
37         document.getElementById('frm').appendChild(chk1);
38         chk1.checked=true;
39     </script>
40     <input type="submit" />
41 </form>
42 </body>
43 </html>

　　　结论：
　　　1、当用Javascript脚本创建并添加CheckBox复选框时，对于IE，必须在添加(如：appendChild)后设置checked值才有效，FF、OP都有效，无此现象。
　　　2、defaultChecked直接写到属性里，IE、FF、OP都不支持，当用Javascript脚本设置为true时，都支持(无顺序关系)，并在服务器端可以取到值。
　　　3、indeterminate当属性添加时IE、FF、OP都无效，只有当用Javascript脚本设置时，IE才有效，并在服务器端取不到值，只会影响CheckBox的外观显示。
　　　4、当用setAttribute设置checked值时，如果为unchecked状态，对于FF、OP则不需要设置任何值，就算设置为fasle、"false"或""(空字符串)，checkbox都为选中状态。

　　　5、类似document.createElement("<input type=checkbox>");创建元素时，只有IE才有效。

　　　说明：本人测试环境为IE6.0 sp2、Firefox 3.0.1、Opera 9.52，如有其他情况，请各位同仁指出。

分享到：

window.open打开新窗口，以post方式传参方 ... | 使用 Eclipse自动清理代码

2008-12-18 11:15
浏览 8231
评论(1)
查看更多

1 楼 zgw06629 2013-10-10

哎呀，折腾了半天。看了你的帖子，总算解决了。谢谢！

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

IncompatibleClassChangeError(解决方案).md: IncompatibleClassChangeError(解决方案).md

中国智慧工地行业市场研究（2023）Word(63页).docx: 智慧工地，作为现代建筑施工管理的创新模式，以“智慧工地云平台”为核心，整合施工现场的“人机料法环”关键要素，实现了业务系统的协同共享，为施工企业提供了标准化、精益化的工程管理方案，同时也为政府监管提供了数据分析及决策支持。这一解决方案依托云网一体化产品及物联网资源，通过集成公司业务优势，面向政府监管部门和建筑施工企业，自主研发并整合加载了多种工地行业应用。这些应用不仅全面连接了施工现场的人员、机械、车辆和物料，实现了数据的智能采集、定位、监测、控制、分析及管理，还打造了物联网终端、网络层、平台层、应用层等全方位的安全能力，确保了整个系统的可靠、可用、可控和保密。在整体解决方案中，智慧工地提供了政府监管级、建筑企业级和施工现场级三类解决方案。政府监管级解决方案以一体化监管平台为核心，通过GIS地图展示辖区内工程项目、人员、设备信息，实现了施工现场安全状况和参建各方行为的实时监控和事前预防。建筑企业级解决方案则通过综合管理平台，提供项目管理、进度管控、劳务实名制等一站式服务，帮助企业实现工程管理的标准化和精益化。施工现场级解决方案则以可视化平台为基础，集成多个业务应用子系统，借助物联网应用终端，实现了施工信息化、管理智能化、监测自动化和决策可视化。这些解决方案的应用，不仅提高了施工效率和工程质量，还降低了安全风险，为建筑行业的可持续发展提供了有力支持。值得一提的是，智慧工地的应用系统还围绕着工地“人、机、材、环”四个重要因素，提供了各类信息化应用系统。这些系统通过配置同步用户的组织结构、智能权限，结合各类子系统应用，实现了信息的有效触达、问题的及时跟进和工地的有序管理。此外，智慧工地还结合了虚拟现实（VR）和建筑信息模型（BIM）等先进技术，为施工人员提供了更为直观、生动的培训和管理工具。这些创新技术的应用，不仅提升了施工人员的技能水平和安全意识，还为建筑行业的数字化转型和智能化升级注入了新的活力。总的来说，智慧工地解决方案以其创新性、实用性和高效性，正在逐步改变建筑施工行业的传统管理模式，引领着建筑行业向更加智能化、高效化和可持续化的方向发展。

java大题啊实打实的: 123

asdjhfjsnlkdmv: asdjhfjsnlkdmv

二手车价格预测，代码核心任务是通过机器学习模型（如线性回归、随机森林和KNN回归）预测车辆的价格（current price），并使用评估指标（如 R² 和 MSE）来衡量不同模型的预测效果: 该代码实现了基于机器学习的车辆价格预测模型，利用不同回归算法（如线性回归、随机森林回归和 KNN 回归）对车辆的当前价格（current price）进行预测。代码首先进行数据加载与预处理，包括删除无关特征、归一化处理等；然后使用不同的机器学习模型进行训练，并评估它们的表现（通过 R²、MAE、MSE 等指标）；最后通过可视化工具对模型预测效果进行分析。目的是为车辆价格预测任务找到最合适的回归模型。适用人群：数据科学家和机器学习工程师：对于需要进行回归建模和模型选择的从业者，尤其是对车辆数据或类似领域有兴趣的。企业数据分析师：在汽车行业或二手车市场中，需要对车辆价格进行预测和分析的专业人员。机器学习学习者：希望学习如何使用 Python 实现机器学习模型、数据预处理和评估的初学者或中级学习者。使用场景及目标：汽车定价与估值：用于为汽车或二手车定价，尤其是当需要预测车辆的当前市场价格时。汽车行业市场分析：通过数据分析和回归预测，帮助汽车销售商、经销商或市场分析师预测未来的市场价格趋势。二手车市场：为二手车买卖双方提供价格参考，帮助制定合理的交易价格。

基于模型预测控制(mpc)的车辆道，车辆轨迹跟踪，道轨迹为五次多项式，matlab与carsim联防控制: 基于模型预测控制(mpc)的车辆道，车辆轨迹跟踪，道轨迹为五次多项式，matlab与carsim联防控制

StoreError解决办法.md: StoreError解决办法.md

白色精致风格的个人简历模板下载.zip: 白色精致风格的个人简历模板下载.zip

白色宽屏风格的房产介绍服务网站模板下载.zip: 白色宽屏风格的房产介绍服务网站模板下载.zip

基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目）: 基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目），本资源中的源码都是经过本地编译过可运行的，评审分达到98分，资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、毕业设计、期末大作业和课程设计使用需求，如果有需要的话可以放心下载使用。基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目）基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目）基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目）基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目）基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目）基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目）基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目）基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目）基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目）基于Python实现的医疗知识图谱的知识问答系统源码毕业设计（高分项目）基于

白色宽屏风格的生物医疗实验室企业网站模板.rar: 白色宽屏风格的生物医疗实验室企业网站模板.rar

C# 操作Access数据库: C# 操作Access数据库

NSFileSystemError如何解决.md: NSFileSystemError如何解决.md

白色简洁风格的商户销售统计图源码下载.zip: 白色简洁风格的商户销售统计图源码下载.zip

白色简洁风格的室内设计整站网站源码下载.zip: 白色简洁风格的室内设计整站网站源码下载.zip

侧吸式油烟机sw16可编辑全套技术资料100%好用.zip: 侧吸式油烟机sw16可编辑全套技术资料100%好用.zip

matlab人脸识别代码: 在 MATLAB 中进行人脸识别可以通过使用内置的工具箱和函数来实现。MATLAB 提供了计算机视觉工具箱（Computer Vision Toolbox），其中包含了用于图像处理、特征提取以及机器学习的函数，可以用来构建一个人脸识别系统。下面是一个简化的教程，介绍如何使用 MATLAB 进行人脸识别。 ### 准备工作 1. **安装必要的工具箱**：确保你已经安装了“计算机视觉工具箱”和“深度学习工具箱”。如果没有，可以通过 MATLAB 的附加功能管理器安装它们。 2. **获取数据集**：准备一个包含不同个体的人脸图像的数据集。你可以自己收集图片，或者使用公开的数据集如 AT&T Faces Database 或 LFW (Labeled Faces in the Wild) 数据集。 3. **安装预训练模型（可选）**：如果你打算使用深度学习方法，MATLAB 提供了一些预训练的卷积神经网络（CNN）模型，比如 AlexNet, GoogLeNet 等，可以直接加载并用于特征提取或分类。 ### 步骤指南 #### 1. 加载人脸检测器 ```matlab face

白色宽屏风格的建筑设计公司企业网站源码下载.zip: 白色宽屏风格的建筑设计公司企业网站源码下载.zip

智慧工地产品方案Word(179页).doc: 智慧工地，作为现代建筑施工管理的创新模式，以“智慧工地云平台”为核心，整合施工现场的“人机料法环”关键要素，实现了业务系统的协同共享，为施工企业提供了标准化、精益化的工程管理方案，同时也为政府监管提供了数据分析及决策支持。这一解决方案依托云网一体化产品及物联网资源，通过集成公司业务优势，面向政府监管部门和建筑施工企业，自主研发并整合加载了多种工地行业应用。这些应用不仅全面连接了施工现场的人员、机械、车辆和物料，实现了数据的智能采集、定位、监测、控制、分析及管理，还打造了物联网终端、网络层、平台层、应用层等全方位的安全能力，确保了整个系统的可靠、可用、可控和保密。在整体解决方案中，智慧工地提供了政府监管级、建筑企业级和施工现场级三类解决方案。政府监管级解决方案以一体化监管平台为核心，通过GIS地图展示辖区内工程项目、人员、设备信息，实现了施工现场安全状况和参建各方行为的实时监控和事前预防。建筑企业级解决方案则通过综合管理平台，提供项目管理、进度管控、劳务实名制等一站式服务，帮助企业实现工程管理的标准化和精益化。施工现场级解决方案则以可视化平台为基础，集成多个业务应用子系统，借助物联网应用终端，实现了施工信息化、管理智能化、监测自动化和决策可视化。这些解决方案的应用，不仅提高了施工效率和工程质量，还降低了安全风险，为建筑行业的可持续发展提供了有力支持。值得一提的是，智慧工地的应用系统还围绕着工地“人、机、材、环”四个重要因素，提供了各类信息化应用系统。这些系统通过配置同步用户的组织结构、智能权限，结合各类子系统应用，实现了信息的有效触达、问题的及时跟进和工地的有序管理。此外，智慧工地还结合了虚拟现实（VR）和建筑信息模型（BIM）等先进技术，为施工人员提供了更为直观、生动的培训和管理工具。这些创新技术的应用，不仅提升了施工人员的技能水平和安全意识，还为建筑行业的数字化转型和智能化升级注入了新的活力。总的来说，智慧工地解决方案以其创新性、实用性和高效性，正在逐步改变建筑施工行业的传统管理模式，引领着建筑行业向更加智能化、高效化和可持续化的方向发展。

履带车底盘sw16全套技术资料100%好用.zip: 履带车底盘sw16全套技术资料100%好用.zip

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论