suchen

Heim >Web-Frontend >js-Tutorial >Die Implementierungsmethode von js wählt alle button_javascript-Fähigkeiten aus

Die Implementierungsmethode von js wählt alle button_javascript-Fähigkeiten aus

WBOY
WBOYOriginal
2016-05-16 15:31:501388Durchsuche

Das Beispiel in diesem Artikel beschreibt den Implementierungscode der js-Schaltfläche „Alle auswählen“. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Der Screenshot des Laufeffekts sieht wie folgt aus:

Der spezifische Code lautet wie folgt

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

Das Obige ist die Implementierungsmethode der js-Schaltfläche „Alle auswählen“. Ich hoffe, dass sie für das Lernen aller hilfreich sein wird.

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：Detaillierte Erläuterung der JS-Implementierung der Tab-Beispiele_Javascript-KenntnisseNächster Artikel：Detaillierte Erläuterung der JS-Implementierung der Tab-Beispiele_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen