DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript實現checkbox全選的代碼
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種方法就是本文給大家總結的全部內容了,希望大家能夠喜歡,如有更好的方法,也請小伙伴們告之,本文持續更新。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved