javascript實現checkbox全選的代碼

 　　本文給大家分享的是js實現checkbox的全選的代碼,在網頁制作中很常用的js代碼,供大家學習參考。

　　代碼：

　　?

1 2 3 4 5 6 7 8 9 10 11 12 function checkall(checkNames){ var allBoxs = document.getElementsByName(checkNames); for(var i = 0 ;i<allBoxs.length;i++){ if(allBoxs[i].type == 'checkbox'){ if(allBoxs[i].checked==false){ allBoxs[i].checked = true ; }else{ allBoxs[i].checked = false ; } } } }

　　使用方法①

　　代碼如下:

     <a href="" onclick="checkall('goods')">全選</a>

　　注意：'goods'是所有需要選中的checkbox的name

　　使用方法②

　　?

1 2 3 4 5 6 <a href="" id="checkAll">全選</a> <script> document.getElementById('checkAll').onclick = function () { checkall('goods') }; </script>

　　注意：'goods'是所有需要選中的checkbox的name

　　以上2種方法就是本文給大家總結的全部內容了，希望大家能夠喜歡，如有更好的方法，也請小伙伴們告之，本文持續更新。