Wie erhalte ich den Wert eines aktivierten Kontrollkästchens in JavaScript?

Den Wert eines aktivierten Kontrollkästchens in JavaScript ermitteln

In der Webentwicklung ist das Ermitteln des Werts eines aktivierten Kontrollkästchens eine häufige Aufgabe. Bei einer Reihe von Kontrollkästchen besteht das Ziel darin, den Wert abzurufen, der dem aktuell aktivierten Kontrollkästchen zugeordnet ist.

LÖSUNG

Um den Wert des aktivierten Kontrollkästchens zu extrahieren, können wir Nutzen Sie die Eigenschaft .checked der Funktion querySelector. Hier ist die Syntax:

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

Diese Codezeile ruft das erste Element ab, das mit der messageCheckbox-Klasse übereinstimmt, und gibt die geprüfte Eigenschaft zurück. Wenn das Kontrollkästchen aktiviert ist, wird true zurückgegeben. andernfalls wird false zurückgegeben.

BEISPIEL

Betrachten Sie das folgende HTML-Fragment:

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

In diesem Beispiel wird durch Ausführen des JavaScript-Codes Folgendes bereitgestellt der Wert des aktivierten Kontrollkästchens. Wenn das erste Kontrollkästchen aktiviert ist, wird „3“ zurückgegeben. Wenn das zweite Kontrollkästchen aktiviert ist, wird „1“ zurückgegeben.

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