本文給大家分享的是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 ; } } } }使用方法①
代碼如下:
注意：'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種方法就是本文給大家總結的全部內容了，希望大家能夠喜歡，如有更好的方法，也請小伙伴們告之，本文持續更新。