javascript實(shí)現(xiàn)checkbox全選的代碼

更新時(shí)間：2015年04月30日 09:17:37 投稿：hebedich

本文給大家分享的是js實(shí)現(xiàn)checkbox的全選的代碼,在網(wǎng)頁制作中很常用的js代碼,供大家學(xué)習(xí)參考。

代碼：

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 ;
      }
    }
  }
}

使用方法①

復(fù)制代碼代碼如下:

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

使用方法②

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

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

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

您可能感興趣的文章:

相關(guān)文章

Html中 IFrame的用法及注意點(diǎn)
這篇文章主要介紹了Html IFrame的用法及注意點(diǎn),非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-12-12
利用JS判斷元素是否為數(shù)組的方法示例
這篇文章主要給大家介紹了關(guān)于利用JS判斷元素是否為數(shù)組的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01
CSS也可以把IE6弄死
2008-04-04
three.js 實(shí)現(xiàn)露珠滴落動畫效果的示例代碼
這篇文章主要介紹了three.js 實(shí)現(xiàn)露珠滴落動畫效果的示例代碼,非常不錯(cuò)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-03-03
JS實(shí)現(xiàn)常用導(dǎo)航鼠標(biāo)下經(jīng)過下方橫線自動跟隨效果
這篇文章主要介紹了JS寫常用導(dǎo)航鼠標(biāo)下經(jīng)過下方橫線自動跟隨效果，文中還給大家講解了基于css?+?js?實(shí)現(xiàn)導(dǎo)航欄下劃線跟隨鼠標(biāo)滑動效果,需要的朋友可以參考下
2023-01-01
Typescript中索引簽名使用詳解
這篇文章主要介紹了Typescript中索引簽名使用詳解,需要的朋友可以參考下
2023-08-08
用javascript模仿ie的自動完成類似自動完成功的表單
最近在寫一個(gè)javascript框架,看見網(wǎng)上有不少自動完成功能的表單,于是用javascript寫了一個(gè)，需要的朋友可以參考下
2012-12-12
淺談JS原生Ajax,GET和POST
下面小編就為大家?guī)硪黄獪\談JS原生Ajax,GET和POST。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
BootStrap Table后臺分頁時(shí)前臺刪除最后一頁所有數(shù)據(jù)refresh刷新后無數(shù)據(jù)問題
這篇文章主要介紹了BootStrap Table后臺分頁時(shí)前臺刪除最后一頁所有數(shù)據(jù)refresh刷新后無數(shù)據(jù)問題,需要的朋友可以參考下
2016-12-12
javascript中的鏈?zhǔn)秸{(diào)用
鏈?zhǔn)秸{(diào)用就是調(diào)用對象的方法后返回到該對象，嚴(yán)格來講它并不屬于語法，而只是一種語法技巧，js令人著迷的一點(diǎn)就是這里。
2010-02-02