Maison > interface Web > js tutoriel > Code JavaScript pour implémenter les compétences de sélection de case à cocher_javascript

Code JavaScript pour implémenter les compétences de sélection de case à cocher_javascript

WBOY
Libérer: 2016-05-16 16:01:44
original
1315 Les gens l'ont consulté

Code :

function checkall(checkNames){
  var allBoxs = document.getElementsByName(checkNames);
  for(var i = 0 ;i<allBoxs.length;i++){
    if(allBoxs[i].type == 'checkbox'){
      if(allBoxs[i].checked==false){
        allBoxs[i].checked = true ;
      }else{
        allBoxs[i].checked = false ;
      }
    }
  }
}
Copier après la connexion

Comment utiliser①

Copier le code Le code est le suivant :

Remarque : « marchandises » est le nom de toutes les cases à cocher qui doivent être cochées

Comment utiliser②

<a href="" id="checkAll">全选</a>
<script>
document.getElementById('checkAll').onclick = function () {
  checkall('goods')
};
</script>
Copier après la connexion

Remarque : « marchandises » est le nom de toutes les cases à cocher qui doivent être cochées

Les deux méthodes ci-dessus sont toutes résumées pour vous dans cet article. J'espère que vous l'aimerez. S'il existe une meilleure méthode, veuillez me le faire savoir.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal