需求：要求實現點擊全選選中所有菜單，再次點擊全選取消選中。此功能經常會用戶，下面小編給大家分享下實現代碼，一起看看吧！
效果圖如下：
點擊全選之前：
點擊全選之后：
再次點擊全選之后：
代碼如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="checkbox" onclick="quanxuan()">全選 <input type="checkbox" name="nation">唱歌 <input type="checkbox" name="nation">跳舞 <input type="checkbox" name="nation">書法 </body> <script type="text/javascript"> var k=0; function quanxuan(){ var s=document.getElementsByName("nation"); if(k%2==0) { for(var i=0;i< s.length;i++) { s[i].checked=true; } k++; } else { for(var j=0;j< s.length;j++) { s[j].checked=false; } k++; } } </script> </html> 以上所述是小編給大家介紹的基于JS實現checkbox全選功能實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
