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ù)更新。
您可能感興趣的文章:
- 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)的簡單方法
- Javascript實(shí)現(xiàn)CheckBox的全選與取消全選的代碼
- javaScript checkbox 全選/反選及批量刪除
- javascript 設(shè)置某DIV區(qū)域內(nèi)的checkbox復(fù)選框
- JavaScript判斷表單中多選框checkbox選中個(gè)數(shù)的方法
相關(guān)文章
常用的Javascript設(shè)計(jì)模式小結(jié)
javascript設(shè)計(jì)模式有很多種,本文給大家介紹常用的javascript設(shè)計(jì)模式,對javascript設(shè)計(jì)模式相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-12-12JavaScript操作DOM元素的childNodes和children區(qū)別
這篇文章主要介紹了JavaScript操作DOM元素的childNodes和children區(qū)別,本文直接給出測試代碼和運(yùn)行效果來講解它們之間的區(qū)別,需要的朋友可以參考下2015-04-04