各瀏覽器中使用getAttribute獲取checkbox/radio的checked值不同
阿新 • • 發佈:2019-02-06
Html程式碼
- <!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。