当前位置: 代码迷 >> Web前端 >> 各浏览器中运用getAttribute获取checkbox/radio的checked值不同
  详细解决方案

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

热度:96   发布时间:2012-08-26 16:48:05.0
各浏览器中使用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。

  相关解决方案