javascript實(shí)現(xiàn)checkbox全選的代碼
更新時(shí)間：2015年04月30日 09:17:37 投稿：hebedich
本文給大家分享的是js實(shí)現(xiàn)checkbox的全選的代碼,在網(wǎng)頁(yè)制作中很常用的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é)的全部?jī)?nèi)容了，希望大家能夠喜歡，如有更好的方法，也請(qǐng)小伙伴們告之，本文持續(xù)更新。
您可能感興趣的文章:
- JQuery限制復(fù)選框checkbox可選中個(gè)數(shù)的方法
- js限制checkbox選中個(gè)數(shù)以限制六個(gè)為例
- 動(dòng)態(tài)獲取復(fù)選框checkbox選中個(gè)數(shù)的jquery代碼
- 用 Javascript 驗(yàn)證表單(form)中多選框(checkbox)值
- javascript使用avalon綁定實(shí)現(xiàn)checkbox全選
- JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡(jiǎn)單方法
- Javascript實(shí)現(xiàn)CheckBox的全選與取消全選的代碼
- javaScript checkbox 全選/反選及批量刪除
- javascript 設(shè)置某DIV區(qū)域內(nèi)的checkbox復(fù)選框
- JavaScript判斷表單中多選框checkbox選中個(gè)數(shù)的方法
相關(guān)文章
這篇文章主要介紹了Html IFrame的用法及注意點(diǎn),非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
這篇文章主要給大家介紹了關(guān)于利用JS判斷元素是否為數(shù)組的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
2008-04-04
three.js 實(shí)現(xiàn)露珠滴落動(dòng)畫效果的示例代碼
這篇文章主要介紹了three.js 實(shí)現(xiàn)露珠滴落動(dòng)畫效果的示例代碼,非常不錯(cuò)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-03
JS實(shí)現(xiàn)常用導(dǎo)航鼠標(biāo)下經(jīng)過下方橫線自動(dòng)跟隨效果
這篇文章主要介紹了JS寫常用導(dǎo)航鼠標(biāo)下經(jīng)過下方橫線自動(dòng)跟隨效果，文中還給大家講解了基于css?+?js?實(shí)現(xiàn)導(dǎo)航欄下劃線跟隨鼠標(biāo)滑動(dòng)效果,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了Typescript中索引簽名使用詳解,需要的朋友可以參考下2023-08-08
用javascript模仿ie的自動(dòng)完成類似自動(dòng)完成功的表單
最近在寫一個(gè)javascript框架,看見網(wǎng)上有不少自動(dòng)完成功能的表單,于是用javascript寫了一個(gè)，需要的朋友可以參考下2012-12-12
下面小編就為大家?guī)硪黄獪\談JS原生Ajax,GET和POST。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
BootStrap Table后臺(tái)分頁(yè)時(shí)前臺(tái)刪除最后一頁(yè)所有數(shù)據(jù)refresh刷新后無(wú)數(shù)據(jù)問題
這篇文章主要介紹了BootStrap Table后臺(tái)分頁(yè)時(shí)前臺(tái)刪除最后一頁(yè)所有數(shù)據(jù)refresh刷新后無(wú)數(shù)據(jù)問題,需要的朋友可以參考下2016-12-12
鏈?zhǔn)秸{(diào)用就是調(diào)用對(duì)象的方法后返回到該對(duì)象，嚴(yán)格來講它并不屬于語(yǔ)法，而只是一種語(yǔ)法技巧，js令人著迷的一點(diǎn)就是這里。2010-02-02