javascript實現checkbox全選的代碼_javascript技巧

代碼：

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

使用方法②

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

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

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