jQuery dapatkan pelbagai id kotak semak yang diperiksa

// 获取所有选中复选框的 ID，并将其存储到一个数组中
var checkedIds = $('input[type="checkbox"]:checked').map(function() {
  return this.id;
}).get();

console.log(checkedIds); 

FAQs (FAQs)

Bagaimana menggunakan jQuery untuk memilih semua kotak semak?

Gunakan jQuery untuk memilih semua kotak semak, anda boleh menggunakan pemilih ": ceckbox". Pemilih ini memilih semua elemen kotak semak jenis. Contohnya adalah seperti berikut:

$('input:checkbox').prop('checked', true);

Kod ini akan memilih semua kotak semak dan menetapkan harta "diperiksa" mereka kepada benar, dengan itu memilih semua kotak semak.

Bagaimana untuk menyahtinai semua kotak semak menggunakan jQuery?

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:

$('input:checkbox').prop('checked', false);

Kod ini akan nyahtandakan semua kotak semak.

Bagaimana menggunakan jQuery untuk mendapatkan nilai kotak semak yang dipilih?

Untuk mendapatkan nilai kotak semak yang dipilih, anda boleh menggunakan pemilih ": diperiksa". Pemilih ini memilih semua kotak semak yang dipilih. Contohnya adalah seperti berikut:

$('input:checkbox:checked').val();

Kod ini akan mengembalikan nilai kotak semak yang dipilih pertama yang dijumpai.

Bagaimana menggunakan jQuery untuk mendapatkan ID semua kotak pilihan?

Untuk mendapatkan ID semua kotak semak, anda boleh menggunakan fungsi ": diperiksa" dan fungsi .map(). Contohnya adalah seperti berikut:

var ids = $('input:checkbox:checked').map(function() {
  return this.id;
}).get();

Kod ini akan mengembalikan array yang mengandungi semua ID kotak semak yang dipilih.

Bagaimana menggunakan jQuery untuk memilih kotak semak berdasarkan ID?

Untuk memilih kotak semak berdasarkan ID, anda boleh menggunakan ID pemilih "#" diikuti oleh kotak semak. Contohnya adalah seperti berikut:

$('#myCheckbox').prop('checked', true);

Kod ini akan memilih kotak semak dengan id "mycheckbox".

Bagaimana menggunakan jQuery untuk menyahtandakan kotak semak berdasarkan ID?

Sama seperti soalan sebelumnya, anda boleh nyahtandakannya menggunakan pemilih "#" diikuti oleh ID kotak semak. Contohnya adalah seperti berikut:

$('#myCheckbox').prop('checked', false);

Kod ini akan nyahtandakan kotak semak dengan id "mycheckbox".

Bagaimana menggunakan jQuery untuk menukar keadaan yang dipilih kotak semak?

Untuk menukar keadaan yang dipilih kotak semak, anda boleh menggunakan fungsi .click(). Contohnya adalah seperti berikut:

$('#myCheckbox').click();

Kod ini akan bertukar -tukar keadaan kotak semak yang dipilih dengan id "mycheckbox".

Bagaimana menggunakan jQuery untuk memeriksa sama ada kotak pilihan dipilih?

Untuk memeriksa sama ada kotak semak dipilih, anda boleh menggunakan fungsi .is() dan pemilih ": diperiksa". Contohnya adalah seperti berikut:

if ($('#myCheckbox').is(':checked')) {
  // 复选框已选中
} else {
  // 复选框未选中
}

Kod ini akan menyemak sama ada kotak semak dengan id "MyCheckbox" dipilih.

Bagaimana menggunakan jQuery untuk mengendalikan peristiwa perubahan kotak semak?

Untuk mengendalikan peristiwa perubahan kotak semak, anda boleh menggunakan fungsi .change(). Contohnya adalah seperti berikut:

$('#myCheckbox').change(function() {
  if ($(this).is(':checked')) {
    // 复选框已选中
  } else {
    // 复选框未选中
  }
});

Kod ini akan mengendalikan acara perubahan kotak semak dengan id "mycheckbox".

Bagaimana menggunakan jQuery untuk memilih kotak semak berbilang berdasarkan ID?

Untuk memilih pelbagai kotak semak berdasarkan ID, anda boleh menggunakan pemilih "#" yang diikuti oleh ID kotak semak, dipisahkan oleh koma. Contohnya adalah seperti berikut:

$('#myCheckbox1, #myCheckbox2, #myCheckbox3').prop('checked', true);

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!