Bagaimana untuk Memilih Semua Kotak Semak Kecuali Yang Tertentu dengan jQuery?

Bagaimanakah untuk Memilih Semua Kotak Pilihan dengan jQuery Kecuali untuk Yang Tertentu?

Apabila berurusan dengan pemilih jQuery, senario timbul di mana anda perlu memilih satu set elemen sambil mengecualikan yang lain. Dalam kes ini, memilih semua kotak pilihan yang terdapat pada halaman web, tetapi bukan yang tertentu, boleh dicapai dengan beberapa baris kod jQuery.

Diberi penanda yang terdiri daripada jadual dengan beberapa kotak semak input, dengan satu kotak pilihan yang mempunyai ID unik "select_all", objektifnya adalah untuk memilih semua kotak pilihan kecuali kotak pilihan "#select_all" apabila ia diklik.

Kod jQuery:

Untuk mencapai ini, anda boleh menggunakan kod jQuery berikut:

$('#select_all').change(function() {
  var checkboxes = $(this).closest('form').find(':checkbox');
  checkboxes.prop('checked', $(this).is(':checked'));
});

Penjelasan:

• Acara perubahan terikat pada kotak pilihan "select_all" menggunakan pemilih $('#select_all').change(...).
• Apabila kotak pilihan diklik atau keadaannya berubah (iaitu, ditandai atau dinyahtanda), fungsi pengendali acara dilaksanakan.
• $(this).closest('form').find(':checkbox'); pemilih mendapatkan semula semua elemen kotak semak dalam bentuk yang sama seperti kotak pilihan "select_all". Ini mengecualikan kotak pilihan "pilih_semua" kerana ia adalah pemula acara.
• Prop('checked', $(this).is(':checked')); baris menentukan sama ada kotak semak "select_all" ditandakan atau tidak. Ia kemudian menggunakan keadaan bertanda yang sama pada semua kotak pilihan lain dalam borang.

Pendekatan ini secara berkesan menogol keadaan bertanda semua kotak pilihan apabila kotak pilihan "pilih_semua" diklik.

Atas ialah kandungan terperinci Bagaimana untuk Memilih Semua Kotak Semak Kecuali Yang Tertentu dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!