Maison > Article > interface Web > Implémentation de cases à cocher de sélection et de désélection basées sur JavaScript
Cet article présente principalement en détail la mise en œuvre de la sélection et de la désélection de toutes les cases basées sur JavaScript. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer
L'exemple de cet article est Nous avons partagé. le code spécifique pour tout sélectionner et décocher tout la case js pour votre référence. Le contenu spécifique est le suivant
Rendu :
Test Le code est comme suit :
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> li{list-style: none;} </style> </head> <body> <p 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> </p> <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>
Une copie directe du code est disponible.
Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de chacun. J'espère également que tout le monde soutiendra le site Web PHP chinois.
Pour plus d'articles liés à l'implémentation de toutes les sélections et désélections basées sur JavaScript, veuillez faire attention au site Web PHP chinois !