Heim  >  Artikel  >  Web-Frontend  >  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
Mary-Kate OlsenOriginal
2024-10-21 17:45:02483Durchsuche

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>

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>

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!

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