Bagaimana untuk Mendapatkan Nilai Kotak Semak Bertanda Menggunakan JavaScript?

Mendapatkan Nilai Kotak Semak Bertanda

Dalam bidang pembangunan web, selalunya perlu untuk menangkap nilai elemen, terutamanya apabila bekerja dengan penyerahan borang. Satu elemen biasa yang memerlukan kefungsian ini ialah kotak pilihan.

Andaikan anda mempunyai kod HTML berikut:

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

Untuk mendapatkan nilai kotak semak yang sedang ditanda menggunakan JavaScript, gunakan kaedah berikut :

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

Barisan kod ini menggunakan kaedah querySelector() untuk memilih semua elemen dengan kotakSemak mesej kelas. Memandangkan dinyatakan bahawa hanya akan ada satu kotak yang ditandai, baris ini akan mengembalikan elemen padanan yang pertama.

Sifat yang ditandakan pada kotak pilihan kemudian ditandakan, yang akan mengembalikan sama ada benar jika kotak dipilih atau palsu jika tidak. Ini membolehkan anda dengan mudah menentukan nilai yang dikaitkan dengan kotak pilihan yang ditandai.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai Kotak Semak Bertanda Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!