基于JS实现复选框全选功能的示例代码

要求：点击全选选择所有菜单，再次点击全选取消选择。这个功能经常被用户使用。让我们与您分享实现代码，一起看看。

效果图如下：

在单击全选之前：

单击全选：

再次单击全选后：

代码如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title/head body input type=' checkbox ' onclick=' quan Xuan()' Choose all input type=' checkbox ' name=' nation ' single input type=' checkbox ' name=' nation ' dancing input type=' nation '书法/体书type=' text/JavaScript ' var k=0；function quan Xuan(){ var s=document . getelementsbyname(' nation ')；if(k % 2==0){ for(var I=0；i s.lengthi ) { s[i]。选中=真；} k；} else { for(var j=0；j .长度；j ) { s[j]。选中=假；} k；}} /script /html以上是边肖介绍的基于JS实现checkbox全选择功能的示例代码，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！