使用js如何實現(xiàn)全選與全不選
更新時間：2013年12月30日 15:37:02 作者：
全選與全不選在管理界面還是比較實用的，下面通過checkAll與clearAll兩個函數(shù)來輕松實現(xiàn)，感興趣的朋友不要錯過
js:
function checkAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++){
if((el[i].type=="checkbox") && (el[i].name==name)){
el[i].checked = true;
}
}
}
function clearAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++){
if((el[i].type=="checkbox") && (el[i].name==name)){
el[i].checked = false;
}
}
}
html:
全選<input type="checkbox" id="qx" onClick="if(this.checked==true) { checkAll('productId'); } else { clearAll('productId'); }" id="qx"/>
復(fù)制代碼 代碼如下:
function checkAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++){
if((el[i].type=="checkbox") && (el[i].name==name)){
el[i].checked = true;
}
}
}
function clearAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++){
if((el[i].type=="checkbox") && (el[i].name==name)){
el[i].checked = false;
}
}
}
html:
復(fù)制代碼 代碼如下:
全選<input type="checkbox" id="qx" onClick="if(this.checked==true) { checkAll('productId'); } else { clearAll('productId'); }" id="qx"/>
相關(guān)文章
這篇文章主要介紹了JavaScript自動生成24小時時間區(qū)間，就以時間區(qū)間為字符串展開主題香瓜內(nèi)容，需要的朋友可以參考一下2022-06-06
一文教你實現(xiàn)JavaScript防抖優(yōu)化代碼
在我們前端編程中,假如我們要給后端發(fā)送請求,萬一手抖多點了幾次,多發(fā)送了幾遍怎么辦,那就得用防抖處理,下面小編就來教大家如何實現(xiàn)防抖吧2023-11-11
npm script和package-lock.json使用示例詳解
這篇文章主要為大家介紹了npm script和package-lock.json使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
這篇文章主要為大家詳細(xì)介紹了JS微信搖一搖的實現(xiàn)原理，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
下面小編就為大家?guī)硪黄鉀Q微信二次分享不顯示摘要和圖片的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
webpack配置環(huán)境變量文件,是根據(jù)打包命令尋找對應(yīng)的環(huán)境變量文件,從而獲取接口地址,本文就來介紹一下webpack配置文件外置的兩種實現(xiàn)方式,感興趣的可以了解一下2023-12-12
一個html5播放視頻的video控件只支持android的默認(rèn)格式mp4和3gp
寫了個html5播放視頻的video控件，只支持mp4和3gp(android和ios默認(rèn)支持的格式就寫了這個) ,需要的朋友可以參考下2014-05-05
上傳圖片預(yù)覽JS腳本 Input file圖片預(yù)覽的實現(xiàn)示例
需要一個用戶上傳頭像預(yù)覽的功能，因此寫了一段上傳圖片預(yù)覽JS腳本,Input file圖片預(yù)覽的實現(xiàn)，需要的朋友可以看看2014-10-10
這篇文章主要介紹了javascript顯式類型轉(zhuǎn)換,實例分析了javascript實現(xiàn)類型轉(zhuǎn)換的常用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
javascript的23種設(shè)計模式示例總結(jié)大全
這篇文章主要為大家介紹了javascript的23種設(shè)計模式的總結(jié)大全，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06