這篇文章主要為大家詳細介紹了基于JavaScript實現復選框的全選和取消全選,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了js復選框的全選和取消全選的具體代碼,供大家參考,具體內容如下
效果圖:
測試代碼如下:
li{list-style: none;}
液體
粉末
仿牌
純電池
危險品
配套電池
/*全選或取消全選*/
function selectAllDels(){
var allWp=document.getElementsByName("wp");
var selOrUnsel=false;
for(var i=0; i
if(allWp[i].checked){
selOrUnsel=true;
break;
}
}
if (selOrUnsel){
allUnchk(allWp);
}else{
allchk(allWp);
}
}
function allchk(allWp){
for(var i=0; i
allWp[i].checked=true;
}
}
function allUnchk(allWp){
for(var i=0; i
allWp[i].checked=false;
}
}
直接復制代碼可用。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持PHP中文網。
更多基于JavaScript實現復選框的全選和取消全選相關文章請關注PHP中文網!
本文原創發布php中文網,轉載請注明出處,感謝您的尊重!