1. 程式人生 > >各瀏覽器中使用getAttribute獲取checkbox/radio的checked值不同

各瀏覽器中使用getAttribute獲取checkbox/radio的checked值不同

Html程式碼  收藏程式碼
  1. <!DOCTYPE HTML>  
  2. <head>  
  3.     <meta charset="utf-8" />  
  4. </head>  
  5. <body>  
  6. <input type="checkbox" />  
  7. <input type="checkbox" checked/>  
  8. <script>  
  9.     var checkboxs = document.getElementsByTagName('input');  
  10.     alert(checkboxs[0].getAttribute('checked'));  
  11.     alert(checkboxs[1].getAttribute('checked'));  
  12. </script>  
  13. </body>  
  14. </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。