Comment implémenter (sélectionner tout) le bouton de sélection multiple dans js-js tutoriel-php.cn

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

不言

Libérer： 2018-07-02 15:00:09

original

2937 Les gens l'ont consulté

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>

Copier après la connexion

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!