这篇文章主要为大家详细介绍了基于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中文网，转载请注明出处，感谢您的尊重！