关闭

Please Select Language

So erhalten Sie den ausgewählten Kontrollkästchenlistenwert in Jquery

Vorderseite 2021-09-28 21:03:17 0 8,257

In diesem Beitrag werden wir sehen, wie Sie den ausgewählten Kontrollkästchenwert aus der Kontrollkästchenliste in jquery abrufen. Hier erhalten wir mehrere ausgewählte Kontrollkästchenwerte anhand des Checkbox-jquery-Beispiels. Wenn Sie zu diesem Zeitpunkt mehrere Kontrollkästchen in Tabellenzeilen haben, wird der Kontrollkästchenwert im Array überprüft oder Zeichenfolge in jquery.

In diesem Beispiel habe ich etwas Jquery-Code, HTML-Checkbox und Bootstrape-CDn und Jquery-Link hinzugefügt. Sehen wir uns also an, wie Sie mehrere Checkbox-Werte in jquery erhalten.

  1. <html>
  2. <head>
  3. 	<title>Get selected checkbox value from checkboxlist using jquery - itdot.cn</title>
  4.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  5. 	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  6. </head>
  7. <body>
  8.  
  9.     <div class="container" style="border:1px solid gray; margin-top: 20px;">
  10.         <h3 class="text-center">Get selected checkbox value from checkboxlist using jquery - itdot.cn</h3>
  11.         <div style="margin-left: 210px;">
  12.         <input type="checkbox" id="id1" value="PHP"/> <label>PHP</label> <br>
  13.         <input type="checkbox" id="id2" value="jQuery"/> <label>jQuery</label> <br>
  14.         <input type="checkbox" id="id3" value="CSS"/> <label>CSS</label> <br>
  15.         <input type="checkbox" id="id4" value="Bootstrap"/> <label>Bootstrap</label> <br>
  16.         <input type="checkbox" id="id5" value="Laravel"/> <label>Laravel</label> <br><br>
  17.         <input type="button" id="btn" value="Submit" class="btn btn-primary" style="margin-bottom: 20px;" />
  18.         </div>
  19.     </div>
  20. </body>
  21. <script type="text/javascript">
  22.     $(function () {
  23.         $("#btn").click(function () {
  24.             var selected = new Array();
  25.             $("input[type=checkbox]:checked").each(function () {
  26.                 selected.push(this.value);
  27.             });
  28.             if (selected.length > 0) {
  29.                 alert("Selected items: " + selected.join(","));
  30.             }
  31.         });
  32.     });
  33. </script>
  34. </html>

So erhalten Sie den ausgewählten Kontrollkästchenlistenwert in Jquery-ITdotcontent/uploads/2021/09/selected_checkboxlist.png” alt=”” width=”975″ height=”272″ class=”alignnone size-full wp-image-101″ />

#Jquery#

Verwandte Themen

Ihre Kommentare

Already have 0 Article answer
Hotness-Ranking
Letzte Antworten