首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-08-26 
各浏览器中使用getAttribute获取checkbox/radio的checked值不同如下!DOCTYPE HTMLheadmeta charset

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

如下

<!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。

热点排行
Bad Request.