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)文章

基于js文件加載優(yōu)化(詳解)
下面小編就為大家分享一篇基于js文件加載優(yōu)化(詳解)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
使用console進行性能測試
各大瀏覽器內(nèi)置的開發(fā)工具，都提供了一個console對象。它主要有兩個作用：顯示網(wǎng)頁代碼運行時的錯誤信息。提供了一個命令行接口，用來與網(wǎng)頁代碼互動。下面我們就來詳細研究下如何使用console進行性能測試。
2015-04-04
移動端手指操控左右滑動的菜單
這篇文章主要為大家詳細介紹了移動端手指操控左右滑動的菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09
常用的Javascript設(shè)計模式小結(jié)
javascript設(shè)計模式有很多種，本文給大家介紹常用的javascript設(shè)計模式，對javascript設(shè)計模式相關(guān)知識感興趣的朋友一起學(xué)習吧
2015-12-12
微信小程序單選radio及多選checkbox按鈕用法示例
這篇文章主要介紹了微信小程序單選radio及多選checkbox按鈕用法,結(jié)合實例形式分析了微信小程序中單選radio及多選checkbox按鈕的選項設(shè)置、讀取、選中等相關(guān)操作技巧,需要的朋友可以參考下
2019-04-04
JavaScript 中this指向問題案例詳解
這篇文章主要介紹了JavaScript 中this指向問題案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下
2021-08-08
使用JavaScript根據(jù)圖片獲取條形碼的方法
本文重點給大家介紹JavaScript識別圖片中的條形碼，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧
2017-07-07
JavaScript操作DOM元素的childNodes和children區(qū)別
這篇文章主要介紹了JavaScript操作DOM元素的childNodes和children區(qū)別,本文直接給出測試代碼和運行效果來講解它們之間的區(qū)別,需要的朋友可以參考下
2015-04-04
js實現(xiàn)顯示手機號碼效果
本文主要介紹了js實現(xiàn)顯示手機號碼效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
JS堆棧內(nèi)存的運行機制詳解
棧內(nèi)存主要用于存儲各種基本類型的變量，包括Boolean、Number、String、Undefined、Null，以及對象變量的指針（地址值），這篇文章主要介紹了JS堆棧內(nèi)存的運行機制,需要的朋友可以參考下
2022-06-06