Jquery sélectionne tout et inverse l'exemple de sélection code_jquery

Cet article partagera avec vous un morceau de code basé sur les fonctions de sélection de tout, d'inversion et de désélection de jQuery, qui convient aux scénarios dans lesquels des opérations par lots (telles que la suppression par lots, etc.) sont requises après plusieurs sélections sur un site Web. page. L'article combine des exemples, le code est concis et couvre essentiellement tous les aspects des opérations de sélection d'options. J'espère qu'il pourra aider les passionnés du WEB dans le besoin.

//Sélectionner tout, n'en sélectionner aucun

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

//Sélection inverse Parcourez la case à cocher Si elle est actuellement sélectionnée, définissez-la sur non sélectionnée Sinon, c'est pareil
.

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

Tableau 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>

Le code ci-dessus est tout le code permettant à jquery de réaliser la sélection de tous et la sélection inverse de aucun. Le code n'est-il pas très simple ? J'espère qu'il sera utile au travail et à l'étude de chacun.