Jquery wählt alle aus und kehrt die Auswahl um, Beispielcode_jquery

In diesem Artikel stellen wir Ihnen einen Code vor, der auf den Funktionen „Alles auswählen“, „Auswahl umkehren“ und „Auswahl aufheben“ von jQuery basiert und sich für Szenarien eignet, in denen nach mehreren Auswahlen im Web Stapelvorgänge (z. B. Stapellöschung usw.) erforderlich sind Seite. Der Artikel kombiniert Beispiele, der Code ist prägnant und deckt grundsätzlich alle Aspekte der Optionsauswahl ab. Ich hoffe, er kann WEB-Enthusiasten in Not helfen.

//Alle auswählen, keine auswählen

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

//Auswahl umkehren Überqueren Sie das Kontrollkästchen. Wenn es derzeit ausgewählt ist, setzen Sie es auf nicht ausgewählt.

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

HTML-Tabelle

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

Der obige Code ist der gesamte Code für jquery, um die Auswahl aller und die umgekehrte Auswahl nicht zu realisieren. Ich hoffe, dass er für die Arbeit und das Studium aller hilfreich ist.