Bagaimana untuk Menentukan Nilai Kotak Semak Terpilih Menggunakan JavaScript?

Mengenal pasti Nilai Kotak Semak Bertanda

Dalam pembangunan web, selalunya perlu untuk mendapatkan semula nilai kotak semak yang ditandai, terutamanya dalam senario yang melibatkan borang penyerahan atau manipulasi data. Pertimbangkan coretan kod berikut:

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

Matlamatnya adalah untuk menggunakan JavaScript untuk mendapatkan secara dinamik nilai yang dikaitkan dengan kotak pilihan yang sedang ditandakan.

Penyelesaian:

Untuk mendapatkan semula nilai kotak pilihan yang dipilih, gunakan kod berikut:

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

Pendekatan ini melibatkan penggunaan kaedah querySelector untuk memilih elemen pertama dengan nama kelas "messageCheckbox" dan kemudian mendapatkan semula sifatnya yang diperiksa, yang mengembalikan nilai boolean yang menunjukkan sama ada kotak pilihan dipilih atau tidak. Dalam kes di mana berbilang kotak pilihan berkongsi nama kelas yang sama, kod hanya akan memilih dan mengembalikan nilai kotak pilihan pertama yang ditandakan, seperti yang ditunjukkan dalam keperluan soalan.

Penyelesaian ini menangkap nilai kotak pilihan yang ditandai dengan berkesan, membenarkan pemprosesan selanjutnya, seperti menyerahkan data borang atau menjalankan operasi tambahan berdasarkan nilai yang dipilih.

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