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

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

不言Original: 2018-07-02 15:00:092900Durchsuche

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>

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!

Stellungnahme：

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

Vorheriger Artikel：Kugel-Flat-Wurf- und farbdynamische Transformationseffekte, realisiert durch jQuery und CanvasNächster Artikel：Kugel-Flat-Wurf- und farbdynamische Transformationseffekte, realisiert durch jQuery und Canvas

In Verbindung stehende Artikel

Mehr sehen