Bagaimana untuk Mendapatkan Nilai Kotak Semak Bertanda dalam JavaScript?

Mendapatkan Nilai Kotak Semak Bertanda dalam JavaScript

Dalam pembangunan web, mendapatkan nilai kotak semak yang ditandai adalah tugas biasa. Memandangkan satu set kotak pilihan, objektifnya adalah untuk mendapatkan semula nilai yang dikaitkan dengan kotak pilihan yang sedang ditandakan.

PENYELESAIAN

Untuk mengekstrak nilai kotak pilihan yang ditandakan, kita boleh gunakan harta .disemak fungsi querySelector. Berikut ialah sintaksnya:

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

Barisan kod ini mendapatkan semula elemen pertama yang sepadan dengan kelas messageCheckbox dan mengembalikan sifat yang ditandakan. Jika kotak semak ditandakan, ia kembali benar; jika tidak, ia mengembalikan palsu.

CONTOH

Pertimbangkan serpihan HTML berikut:

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

Dalam contoh ini, melaksanakan kod JavaScript akan memberikan nilai kotak semak yang ditandakan. Jika kotak semak pertama ditandakan, ia akan mengembalikan "3". Jika kotak pilihan kedua ditandakan, ia akan mengembalikan "1".

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