So implementieren Sie die Mehrfachauswahlschaltfläche (alle auswählen) in js-js-Tutorial-php.cn

So implementieren Sie die Mehrfachauswahlschaltfläche (alle auswählen) in js

不言

Freigeben： 2018-07-02 15:00:09

Original

2938 Leute haben es durchsucht

Das Folgende ist eine Methode zum Implementieren (Alles auswählen) von Mehrfachauswahlschaltflächen in js [mit Beispielen]. Ich finde den Inhalt recht gut, deshalb möchte ich ihn jetzt mit euch teilen und als Referenz geben.

Der erste Typ, alles auswählen:

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

Nach dem Login kopieren

Der Effekt ist wie folgt:

Zweitens wählen Sie das angegebene aus.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

JQuery und Canvas realisieren den Flat-Wurf- und Farbdynamiktransformationseffekt

jQuery-Rotation der unteren rechten Ecke Implementierung von Ringmenü-Spezialeffekten

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Mehrfachauswahlschaltfläche (alle auswählen) in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!