Heim > Web-Frontend > js-Tutorial > Wie rufe ich den Wert eines aktivierten Kontrollkästchens mithilfe von JavaScript ab?

Wie rufe ich den Wert eines aktivierten Kontrollkästchens mithilfe von JavaScript ab?

Mary-Kate Olsen
Freigeben: 2024-10-21 17:45:02
Original
589 Leute haben es durchsucht

How to Retrieve the Value of a Checked Checkbox Using JavaScript?

Abrufen des Werts eines aktivierten Kontrollkästchens

Im Bereich der Webentwicklung ist es oft notwendig, den Wert eines Elements zu erfassen, insbesondere wenn Arbeiten mit Formularübermittlungen. Ein häufiges Element, das diese Funktionalität erfordert, ist ein Kontrollkästchen.

Angenommen, Sie haben den folgenden HTML-Code:

<code class="html"><input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]"></code>
Nach dem Login kopieren

Um den Wert des aktuell aktivierten Kontrollkästchens mithilfe von JavaScript zu erhalten, verwenden Sie die folgende Methode :

<code class="javascript">document.querySelector('.messageCheckbox').checked;</code>
Nach dem Login kopieren

Diese Codezeile verwendet die Methode querySelector(), um alle Elemente mit der Klasse messageCheckbox auszuwählen. Da festgelegt ist, dass es nur ein aktiviertes Kontrollkästchen gibt, gibt diese Zeile das erste passende Element zurück.

Die aktivierte Eigenschaft des ausgewählten Kontrollkästchens wird dann aktiviert, was entweder „true“ (wenn das Kontrollkästchen ausgewählt ist) oder „false“ zurückgibt wenn nicht. Dadurch können Sie ganz einfach den Wert bestimmen, der dem aktivierten Kontrollkästchen zugeordnet ist.

Das obige ist der detaillierte Inhalt vonWie rufe ich den Wert eines aktivierten Kontrollkästchens mithilfe von JavaScript ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage