Jquery のすべての選択と逆選択の例 code_jquery

この記事では、jQuery のすべて選択、選択の反転、および選択解除の関数に基づいたコードを共有します。これは、Web 上で複数の選択を行った後にバッチ操作 (バッチ削除など) が必要なシナリオに適しています。ページ。この記事は例を組み合わせたもので、コードは簡潔で、基本的にオプション選択操作のあらゆる側面をカバーしています。必要としている WEB 愛好家に役立つことを願っています。

//すべて選択、何も選択しない

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

//選択を反転します。現在選択されている場合は、選択されていない状態に設定します。
。

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

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>

上記のコードはすべての選択とその逆のなしの選択を実現するためのコードです。皆さんの仕事や勉強に役立つことを願っています。