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