suchen

Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der jQuery-Implementierung von Beispielen zum Durchlaufen von Kontrollkästchen

Detaillierte Erläuterung der jQuery-Implementierung von Beispielen zum Durchlaufen von Kontrollkästchen

小云云
小云云Original
2018-01-23 13:36:462303Durchsuche

In diesem Artikel wird hauptsächlich die Methode von jQuery zum Durchlaufen von Kontrollkästchen vorgestellt und die Techniken von jQuery zum Durchlaufen und String-Betrieb von Formular-Kontrollkästchen-Elementen anhand von Beispielen analysiert. Ich hoffe, es kann jedem helfen.

1. Problemhintergrund:

Hier gibt es 10 Kontrollkästchen basierend auf den ausgewählten Kontrollkästchen, verbinden Sie ihre Werte mit „——“ und fügen Sie sie in p ein

2. Implementierungscode: 


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>遍历复选框</title>
    <script type="text/javascript" src="jquery-1.7.2.min.js" ></script>
    <script>
      $(document).ready(function(){
        $("#btn").click(function(){
          var str = "";
          $("input[name=&#39;ckb&#39;]").each(function(){
            if($(this).is(":checked"))
            {
              str += "——" + $(this).val();
            }
          });
          $("#txt").html(str);
        });
      });
    </script>
  </head>
  <body>
    <p>
      <input type="checkbox" name="ckb" value="1" />1
      <input type="checkbox" name="ckb" value="2" />2
      <input type="checkbox" name="ckb" value="3" />3
      <input type="checkbox" name="ckb" value="4" />4
      <input type="checkbox" name="ckb" value="5" />5
      <input type="checkbox" name="ckb" value="6" />6
      <input type="checkbox" name="ckb" value="7" />7
      <input type="checkbox" name="ckb" value="8" />8
      <input type="checkbox" name="ckb" value="9" />9
      <input type="checkbox" name="ckb" value="10" />10<br>
      <input type="button" id="btn" value="遍历"/>
      <p id="txt"></p>
    </p>
  </body>
</html>

3. Operationsrendering:

Verwandt Empfehlungen:

Beispielfreigabe für die JQuery-Methode zum Suchen von Unterelementen find() und zum Durchlaufen der jeweiligen Sammlung

PHP implementiert Vorbestellung, In-Reihenfolge und Beispiel für eine Post-Order-Traversal-Binärbaumoperation

Zusammenfassung der JQuery-Knoten-Traversal-Methode


Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der jQuery-Implementierung von Beispielen zum Durchlaufen von Kontrollkästchen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php jquery 字符串
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：Beispiel für eine jQuery-Methode zum Abrufen des h1-h6-TitelelementwertsNächster Artikel：Beispiel für eine jQuery-Methode zum Abrufen des h1-h6-Titelelementwerts

In Verbindung stehende Artikel

Mehr sehen