【JS】復選框的全選和取消全選

2024-04-27 15:16:45

字體：大中小

來源：轉載

供稿：網友

這里寫圖片描述測試代碼如下：

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> li{list-style: none;} </style></head><body> <div class="first"> <ul class="frtInfo"> <li class="same"> <label><input type="checkbox" name="wp" value="wpa"/>液體</label> </li> <li class="same"> <label><input type="checkbox" name="wp" value="wpb"/>粉末</label> </li> <li class="same"> <label><input type="checkbox" name="wp" value="wpc"/>仿牌</label> </li> <li class="same"> <label><input type="checkbox" name="wp" value="wpd"/>純電池</label> </li> <li class="same"> <label><input type="checkbox" name="wp" value="wpe"/>危險品</label> </li> <li class="same"> <label><input type="checkbox" name="wp" value="wpd"/>配套電池</label> </li> <li class="same select"> <label><input id="allChecked" class="allChk" type="button" name="sel" value="全選/取消" onclick="selectAllDels()"/></label> </li> </ul> </div> <script src="../js/jquery-1.11.3.js"></script> <script type="text/javascript"> /*全選或取消全選*/ function selectAllDels(){ var allWp=document.getElementsByName("wp"); var selOrUnsel=false; for(var i=0; i<allWp.length;i++){ if(allWp[i].checked){ selOrUnsel=true; break; } } if (selOrUnsel){ allUnchk(allWp); }else{ allchk(allWp); } } function allchk(allWp){ for(var i=0; i<allWp.length;i++ ){ allWp[i].checked=true; } } function allUnchk(allWp){ for(var i=0; i<allWp.length;i++){ allWp[i].checked=false; } } </script></body></html>

上一篇：package.json詳解

下一篇：使用PreparedStatement實現增刪該查