欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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ù)制代碼 代碼如下:

<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種方法就是本文給大家總結(jié)的全部內(nèi)容了,希望大家能夠喜歡,如有更好的方法,也請小伙伴們告之,本文持續(xù)更新。

相關(guān)文章

  • 基于js文件加載優(yōu)化(詳解)

    基于js文件加載優(yōu)化(詳解)

    下面小編就為大家分享一篇基于js文件加載優(yōu)化(詳解),具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-01-01
  • 使用console進(jìn)行性能測試

    使用console進(jìn)行性能測試

    各大瀏覽器內(nèi)置的開發(fā)工具,都提供了一個(gè)console對象。它主要有兩個(gè)作用:顯示網(wǎng)頁代碼運(yùn)行時(shí)的錯(cuò)誤信息。提供了一個(gè)命令行接口,用來與網(wǎng)頁代碼互動(dòng)。下面我們就來詳細(xì)研究下如何使用console進(jìn)行性能測試。
    2015-04-04
  • 移動(dòng)端手指操控左右滑動(dòng)的菜單

    移動(dòng)端手指操控左右滑動(dòng)的菜單

    這篇文章主要為大家詳細(xì)介紹了移動(dòng)端手指操控左右滑動(dòng)的菜單,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • 常用的Javascript設(shè)計(jì)模式小結(jié)

    常用的Javascript設(shè)計(jì)模式小結(jié)

    javascript設(shè)計(jì)模式有很多種,本文給大家介紹常用的javascript設(shè)計(jì)模式,對javascript設(shè)計(jì)模式相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
    2015-12-12
  • 微信小程序單選radio及多選checkbox按鈕用法示例

    微信小程序單選radio及多選checkbox按鈕用法示例

    這篇文章主要介紹了微信小程序單選radio及多選checkbox按鈕用法,結(jié)合實(shí)例形式分析了微信小程序中單選radio及多選checkbox按鈕的選項(xiàng)設(shè)置、讀取、選中等相關(guān)操作技巧,需要的朋友可以參考下
    2019-04-04
  • JavaScript 中this指向問題案例詳解

    JavaScript 中this指向問題案例詳解

    這篇文章主要介紹了JavaScript 中this指向問題案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
    2021-08-08
  • 使用JavaScript根據(jù)圖片獲取條形碼的方法

    使用JavaScript根據(jù)圖片獲取條形碼的方法

    本文重點(diǎn)給大家介紹JavaScript識別圖片中的條形碼,代碼簡單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧
    2017-07-07
  • JavaScript操作DOM元素的childNodes和children區(qū)別

    JavaScript操作DOM元素的childNodes和children區(qū)別

    這篇文章主要介紹了JavaScript操作DOM元素的childNodes和children區(qū)別,本文直接給出測試代碼和運(yùn)行效果來講解它們之間的區(qū)別,需要的朋友可以參考下
    2015-04-04
  • js實(shí)現(xiàn)顯示手機(jī)號碼效果

    js實(shí)現(xiàn)顯示手機(jī)號碼效果

    本文主要介紹了js實(shí)現(xiàn)顯示手機(jī)號碼效果的實(shí)例,具有很好的參考價(jià)值。下面跟著小編一起來看下吧
    2017-03-03
  • JS堆棧內(nèi)存的運(yùn)行機(jī)制詳解

    JS堆棧內(nèi)存的運(yùn)行機(jī)制詳解

    棧內(nèi)存主要用于存儲各種基本類型的變量,包括Boolean、Number、String、Undefined、Null,以及對象變量的指針(地址值),這篇文章主要介紹了JS堆棧內(nèi)存的運(yùn)行機(jī)制,需要的朋友可以參考下
    2022-06-06

最新評論