Heim > Web-Frontend > js-Tutorial > Wie kann ich den Wert eines ausgewählten Kontrollkästchens in JavaScript abrufen?

Wie kann ich den Wert eines ausgewählten Kontrollkästchens in JavaScript abrufen?

DDD
Freigeben: 2024-10-21 17:26:02
Original
816 Leute haben es durchsucht

How Can I Retrieve the Value of a Selected Checkbox in JavaScript?

So rufen Sie den Wert eines ausgewählten Kontrollkästchens in JavaScript ab

Beim Umgang mit einer Gruppe von Kontrollkästchen kann es erforderlich sein, den Wert abzurufen der ausgewählten Checkbox zur weiteren Bearbeitung. In diesem Artikel untersuchen wir, wie dies in JavaScript erreicht wird.

Betrachten wir das folgende HTML-Markup:

<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

Verwendung von document.querySelector() für die singuläre Auswahl

Da in der Anforderung festgelegt wurde, dass es nur ein aktiviertes Kontrollkästchen geben wird, können wir die Methode document.querySelector() verwenden, um das aktivierte Kontrollkästchen auszuwählen.

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

Dieser Code gibt a zurück boolescher Wert (wahr, wenn das Kontrollkästchen aktiviert ist, andernfalls falsch).

Das obige ist der detaillierte Inhalt vonWie kann ich den Wert eines ausgewählten Kontrollkästchens in JavaScript abrufen?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage