Maison  >  Article  >  interface Web  >  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
WBOYoriginal
2016-05-16 16:01:441260parcourir

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 ;
      }
    }
  }
}

Comment utiliser①

Copier le code Le code est le suivant :

bb81ef2c430849232bbe8b43168b82ccSélectionner tout5db79b134e9f6b82c0b36e0489ee08ed

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>

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.

Déclaration:
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