各浏览器中使用getAttribute获取checkbox/radio的checked值不同 - Snandy - ITeye博客

`

zhouyrt

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

最近访客更多访客>>

a612986

tweenkin

zymdev

小白到此一游

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

zhizhen23： LZ 提供的链接地址失效了
重写的isPlainObject方法
LovingBaby： LovingBaby 写道function fun() {}f ...
读jq之二（两种扩展）
LovingBaby：说的很清楚！jQuery作者为了实现简洁调用的苦心！高超的编程 ...
读jq之一（jq对象的组成）
hard_ly： ...
将伪数组转换成数组
zlxzlxzlxzlxzlx：这不能算是任意进制之间的转换，例如二十六进制、十二进制又该如何 ...
用递归实现十进制数转换N进制

各浏览器中使用getAttribute获取checkbox/radio的checked值不同

博客分类：

Brower compatibility

阅读更多

如下

<!DOCTYPE HTML>
<head>
	<meta charset="utf-8" />
</head>
<body>
<input type="checkbox" />
<input type="checkbox" checked/>

<script>
	var checkboxs = document.getElementsByTagName('input');
	alert(checkboxs[0].getAttribute('checked'));
	alert(checkboxs[1].getAttribute('checked'));
</script>
</body>
</HTML>

IE6/7 ：依次返回 false/true

IE8 ：依次返回空字符串/checked

IE9/10/Firefox/Safari/Chrome/Opera ：依次返回 null/空字符串

input[type=radio]的情况同上，类似的布尔属性还有：autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected

注意：要判断checkbox/radio有没有选定，使用property而不要使用attribute。

0
顶

0
踩

分享到：

元素未显示设置width/height时IE中无法使用 ... | IE6/7不支持setAttribute设置style / 不支 ...

2011-11-08 21:18
浏览 1815
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同: IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同的解决方法

js中的getAttribute方法使用示例: 在找到那个元素后，我们就可以利用getAttribute()方法把它的各种属性的值查询出来。 getAttribute()方法是一个函数。它只有一个参数——你打算查询的属性的名字： object.getAttribute(attribute) 不过，...

getAttribute和getParameter区别.: ——getAttribute：用于服务器端重定向时，即在sevlet中使用了forward函数,或struts中使用了mapping.findForward。getAttribute只能收到程序用setAttribute传过来的值。 ——getParameter()是获取POST/GET传递的参数...

js中的getAttribute方法使用示例.docx: js中的getAttribute方法使用示例.docx

C#浏览器编程，学习使用: 若缓存中保存了该项，浏览器就直接从缓存中得到该项副本而不必从网络获取，这样就明显地改善浏览器的运行特性。 10) 但缓存要占用磁盘大量的空间，而浏览器性能的改善只有在用户再次查看缓存中的页面时才有帮助。 11...

JS实现获取自定义属性data值的方法示例: 本文实例讲述了JS实现获取自定义属性data值的方法。分享给大家供大家参考，具体如下： HTML部分： <div id=tree data-leaves=47 data-plant-height=2.4m></div> js部分： var tree = document.getElementById...

getAttribute和getParameter区别: getAttribute和getParameter区别 getAttribute和getParameter区别

layui 监听select选择获取当前select的ID名称方法: //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 }); 获取自定义属性 data.elem.getAttribute("data-id") 例子：取得ID名称 form.on('select', function(data){ //console.log(data.elem);...

浅谈HTML中的标记: 0.什么是标记 ... <input type=checkbox checked...如果存在改标记，getAttribute的值始终使checked，不存在getAttribute的值是undefined，通过setAttribute、removAttribute操作该值，会作用到属性checked上，属性

jquery1.6.2(api+源码): 例如，考虑一个DOM元素的HTML标记中定义的<input type="checkbox" checked="checked" /> ，并假设它是一个JavaScript变量命名的elem ： elem.checked true (Boolean) $(elem).prop("checked") true (Boolean) ...

对比Python中__getattr__和 __getattribute__获取属性的用法: 主要介绍了对比Python中__getattr__和 __getattribute__获取属性的用法,注意二者间的区别,__getattr__只作用于不存在的属性,需要的朋友可以参考下

javascript setAttribute, getAttribute 在不同浏览器上的不同表现: 测试环境（客户端浏览器） IE6，IE7， IE8兼容模式， IE8 Firefox 3.6.8, google chrome 5.0.375.125 先来说明两个函数的标准定义。 elementNode.setAttribute(name,value) name 必需。规定要设置的属性名。 value ...

浅谈js获取ModelAndView值的问题: JS当中不能接收ModelAndView的返回值吗？一定要在JSP页面中才能接收吗? 1 方法一【有效】可以的，跟el表达式访问方式一样。示例代码，一个数据展示请求的Action中... TbUser user = (TbUser)session.getAttribute(S

session.getAttribute: session.getAttribute在servlet中是一个很重要的方法。

selenium方法: 当输入框中原来就有值时，使用type会用新值替换旧值，而typeKeys则是在原来值上进行追加。如，原来值为aaa，现在要输入bbb，使用type则最终值为bbb，使用typeKeys则最终值为aaabbb. 6. focus(locator) 将焦点移动...

IE、FF、Chrome浏览器中的JS差异介绍: 在平常的开发中，我们常使用的JS框架基本已经帮我们处理好了JS在各浏览器中的差异，但作为一个开发人员，还是有需要了解JS在浏览器中的差异。 FF、Chrome:没有window.event对象 FF、Chrome:没有window.event对象，...

ie火狐不兼容的sprint: 说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自定义属性. 解决方法:统一通过getAttribute()获取自定义属性. ...........

Global site tag (gtag.js) - Google Analytics