Heim > Web-Frontend > js-Tutorial > So implementieren Sie die Mehrfachauswahlschaltfläche (alle auswählen) in js

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

不言
Freigeben: 2018-07-02 15:00:09
Original
3001 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage