Jquery pilih semua dan pilihan terbalik contoh code_jquery

Artikel ini akan berkongsi dengan anda sekeping kod berdasarkan fungsi pilih semua, pemilihan songsang dan nyahpilih jQuery, yang sesuai untuk senario di mana operasi kelompok (seperti pemadaman kelompok, dll.) diperlukan selepas berbilang pilihan pada web muka surat. Artikel itu menggabungkan contoh, kodnya ringkas, dan pada asasnya merangkumi semua aspek operasi pemilihan pilihan Saya harap ia dapat membantu peminat WEB yang memerlukan.

//Pilih semua, pilih tiada

 $('#checkAll').click(function () {
  //判断是否被选中
  var bischecked = $('#checkAll').is(':checked');
  var fruit = $('input[name="check"]');
  bischecked ? fruit.attr('checked', true) : fruit.attr('checked', false);
 });

//Pemilihan songsang Lintas kotak semak Jika ia sedang dipilih, tetapkannya kepada tidak dipilih, ia adalah sama

 $("#tabVouchList tr").each(function () {
  if ($("td:eq(0) input[name='check']", $(this)).is(':checked')) {
   $(this).attr('checked', false);
  } else {
   $(this).attr('checked', true);
  }
 });

Jadual HTML

<table id="tabVouchList">
 <tr>
  <th>
   <input type="checkbox" name="checkAll" />
  </th>
  <th>
   行号
  </th>
  <th>
   名称
  </th>
 </tr>
 <tr>
  <td>
   <input type="checkbox" name="check" />
  </td>
  <td>
   行号
  </td>
  <td>
   名称
  </td>
 </tr>
</table>

Kod di atas adalah semua kod untuk jquery untuk merealisasikan pemilihan semua dan pilihan songsang bukankah kod itu sangat mudah?