recherche

Maison  >  Article  >  interface Web  >  Comment implémenter (sélectionner tout) le bouton de sélection multiple dans js

Comment implémenter (sélectionner tout) le bouton de sélection multiple dans js

不言
不言original
2018-07-02 15:00:092950parcourir

Ce qui suit est une méthode pour implémenter (sélectionner tout) des boutons à sélection multiple dans js [avec des exemples]. Je pense que le contenu est assez bon, j'aimerais donc le partager avec vous maintenant et le donner comme référence.

Le premier type, sélectionnez tout : 

<html>
 <head>
   <title>复选框checked属性</title>
   <script language="JavaScript" type="text/javascript">
      function changeState(isChecked)
     {
       var chk_list=document.getElementsByTagName("input");
       for(var i=0;i<chk_list.length;i++)
        {
         if(chk_list[i].type=="checkbox")
          {
           chk_list[i].checked=isChecked;
          }
        }
    }
   </script>
 </head>
 <body>
   <h1>请选择你的爱好</h1>
   <form name="myForm1">
     <input type="checkbox" name="cb1" checked>看书<br>
     <input type="checkbox" name="cb2" checked>上网<br>
     <input type="checkbox" name="cb3">游戏<br>
   </form>
   <hr>
   <form name="myForm2">
     <input type="checkbox" name="cb" onclick="changeState(this.checked)">全选
   </form>
 </body>
</html>

L'effet est le suivant :

La deuxième option consiste à sélectionner celle spécifiée.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

JQuery et Canvas réalisent l'effet de projection à plat et de transformation dynamique des couleurs

Rotation du coin inférieur droit de jQuery Mise en place des effets spéciaux du menu en anneau

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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
Article précédent：Effets de projection à plat de sphère et de transformation dynamique des couleurs réalisés par jQuery et CanvasArticle suivant：Effets de projection à plat de sphère et de transformation dynamique des couleurs réalisés par jQuery et Canvas

Articles Liés

Voir plus