Bagaimana untuk Memilih Semua Kotak Semak Kecuali Satu menggunakan jQuery?

Memilih Kotak Pilihan dengan jQuery

Dalam pembangunan web, rangka kerja JavaScript seperti jQuery menawarkan pemilih yang berkuasa untuk memanipulasi elemen DOM. Satu senario biasa ialah memilih berbilang kotak pilihan pada borang. Begini cara untuk memilih semua kotak pilihan dengan mudah kecuali yang khusus menggunakan jQuery:

Pertimbangkan penanda seperti ini:

<form>
  <table>
    <tr>
      <td><input type="checkbox">

Apabila kotak pilihan dengan id="select_all" diklik, matlamat adalah untuk memilih atau menyahpilih semua kotak pilihan lain yang dinamakan pilih[].

Berikut ialah penyelesaian jQuery:

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

Kod ini melakukan perkara berikut:

1. Mendapatkan kotak semak bernama select_all menggunakan idnya.
2. Melampirkan pendengar peristiwa perubahan padanya.
3. Apabila pendengar dicetuskan, ia menemui semua kotak pilihan dalam borang.
4. Ia kemudian menetapkan sifat yang ditandakan bagi semua kotak pilihan yang ditemui berdasarkan status yang ditanda bagi kotak pilihan pilih_semua.

Kod ini secara berkesan menogol status yang ditandakan bagi semua kotak pilihan lain apabila kotak pilihan pilih_semua diklik. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa kod hanya akan berfungsi jika kotak pilihan berada dalam bentuk yang sama seperti kotak pilihan select_all.

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