Heim  >  Artikel  >  Web-Frontend  >  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
DDDOriginal
2024-10-21 17:26:02725Durchsuche

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>

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>

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!

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