체크박스 Selection_javascript 기술을 구현하는 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 ;
      }
    }
  }
}

사용방법①

코드 복사 코드는 다음과 같습니다.

bb81ef2c430849232bbe8b43168b82cc모두 선택5db79b134e9f6b82c0b36e0489ee08ed

참고: '상품'은 선택해야 하는 모든 확인란의 이름입니다

사용방법②

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

참고: '상품'은 선택해야 하는 모든 확인란의 이름입니다

위의 두 가지 방법이 모두 이 글에 요약되어 있으니 더 좋은 방법이 있으면 알려주세요.