Rumah >hujung hadapan web >tutorial js >jQuery dapatkan pelbagai id kotak semak yang diperiksa
<code class="language-javascript">// 获取所有选中复选框的 ID,并将其存储到一个数组中 var checkedIds = $('input[type="checkbox"]:checked').map(function() { return this.id; }).get(); console.log(checkedIds); </code>
FAQs (FAQs)
Gunakan jQuery untuk memilih semua kotak semak, anda boleh menggunakan pemilih ": ceckbox". Pemilih ini memilih semua elemen kotak semak jenis. Contohnya adalah seperti berikut:
<code class="language-javascript">$('input:checkbox').prop('checked', true);</code>
Kod ini akan memilih semua kotak semak dan menetapkan harta "diperiksa" mereka kepada benar, dengan itu memilih semua kotak semak.
Sama seperti soalan sebelumnya, anda boleh menggunakan pemilih ": ceckbox" untuk memilih semua kotak semak. Untuk nyahtanda semua kotak semak, tetapkan harta "diperiksa" kepada palsu. Contohnya adalah seperti berikut:
<code class="language-javascript">$('input:checkbox').prop('checked', false);</code>
Kod ini akan nyahtandakan semua kotak semak.
Untuk mendapatkan nilai kotak semak yang dipilih, anda boleh menggunakan pemilih ": diperiksa". Pemilih ini memilih semua kotak semak yang dipilih. Contohnya adalah seperti berikut:
<code class="language-javascript">$('input:checkbox:checked').val();</code>
Kod ini akan mengembalikan nilai kotak semak yang dipilih pertama yang dijumpai.
Untuk mendapatkan ID semua kotak semak, anda boleh menggunakan fungsi ": diperiksa" dan fungsi .map()
. Contohnya adalah seperti berikut:
<code class="language-javascript">var ids = $('input:checkbox:checked').map(function() { return this.id; }).get();</code>
Kod ini akan mengembalikan array yang mengandungi semua ID kotak semak yang dipilih.
Untuk memilih kotak semak berdasarkan ID, anda boleh menggunakan ID pemilih "#" diikuti oleh kotak semak. Contohnya adalah seperti berikut:
<code class="language-javascript">$('#myCheckbox').prop('checked', true);</code>
Kod ini akan memilih kotak semak dengan id "mycheckbox".
Sama seperti soalan sebelumnya, anda boleh nyahtandakannya menggunakan pemilih "#" diikuti oleh ID kotak semak. Contohnya adalah seperti berikut:
<code class="language-javascript">$('#myCheckbox').prop('checked', false);</code>
Kod ini akan nyahtandakan kotak semak dengan id "mycheckbox".
Untuk menukar keadaan yang dipilih kotak semak, anda boleh menggunakan fungsi .click()
. Contohnya adalah seperti berikut:
<code class="language-javascript">$('#myCheckbox').click();</code>
Kod ini akan bertukar -tukar keadaan kotak semak yang dipilih dengan id "mycheckbox".
Untuk memeriksa sama ada kotak semak dipilih, anda boleh menggunakan fungsi .is()
dan pemilih ": diperiksa". Contohnya adalah seperti berikut:
<code class="language-javascript">if ($('#myCheckbox').is(':checked')) { // 复选框已选中 } else { // 复选框未选中 }</code>
Kod ini akan menyemak sama ada kotak semak dengan id "MyCheckbox" dipilih.
Untuk mengendalikan peristiwa perubahan kotak semak, anda boleh menggunakan fungsi .change()
. Contohnya adalah seperti berikut:
<code class="language-javascript">$('#myCheckbox').change(function() { if ($(this).is(':checked')) { // 复选框已选中 } else { // 复选框未选中 } });</code>
Kod ini akan mengendalikan acara perubahan kotak semak dengan id "mycheckbox".
Untuk memilih pelbagai kotak semak berdasarkan ID, anda boleh menggunakan pemilih "#" yang diikuti oleh ID kotak semak, dipisahkan oleh koma. Contohnya adalah seperti berikut:
<code class="language-javascript">$('#myCheckbox1, #myCheckbox2, #myCheckbox3').prop('checked', true);</code>
Kod ini akan memilih kotak semak dengan ID "MyCheckbox1", "MyCheckBox2", dan "MyCheckBox3".
(gambar tetap seperti itu)
Atas ialah kandungan terperinci jQuery dapatkan pelbagai id kotak semak yang diperiksa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!