Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimanakah Saya Boleh Mendapatkan Nilai Kotak Semak Terpilih dalam JavaScript?

Bagaimanakah Saya Boleh Mendapatkan Nilai Kotak Semak Terpilih dalam JavaScript?

DDD
DDDasal
2024-10-21 17:26:02725semak imbas

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

Cara Mendapatkan Nilai Kotak Semak Terpilih dalam JavaScript

Apabila mengendalikan sekumpulan kotak pilihan, mungkin perlu untuk mendapatkan semula nilai daripada kotak pilihan yang dipilih untuk pemprosesan selanjutnya. Dalam artikel ini, kami akan meneroka cara untuk mencapai ini dalam JavaScript.

Mari pertimbangkan penanda HTML berikut:

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

Menggunakan document.querySelector() untuk Pemilihan Tunggal

Memandangkan keperluan menyatakan bahawa hanya akan ada satu kotak pilihan yang ditandakan, kami boleh menggunakan kaedah document.querySelector() untuk memilih kotak pilihan yang ditandakan.

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

Kod ini akan mengembalikan nilai boolean (benar jika kotak pilihan ditandakan atau palsu sebaliknya).

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Nilai Kotak Semak Terpilih dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn