欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery 全選反選實(shí)例代碼

 更新時(shí)間：2015年11月19日 15:13:02   投稿：mrr  
本文給大家介紹基于jquery代碼實(shí)現(xiàn)的全選全不選反選實(shí)例代碼，代碼簡(jiǎn)單易懂，非常實(shí)用，感興趣的一起學(xué)習(xí)吧

本文給大家分享一段基于jQuery的全選、反選和不選功能的代碼，適用于網(wǎng)頁多選后需要進(jìn)行批量操作的場(chǎng)景（如批量刪除等）。文章結(jié)合實(shí)例，代碼簡(jiǎn)潔，基本覆蓋選項(xiàng)選擇操作的方方面面，希望可以幫到有需要的WEB愛好者。

//全選 全不選

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

//反選   遍歷checkbox 如果當(dāng)前為選中 就設(shè)置為 不選中 反之相同

 $("#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

<table id="tabVouchList">
 <tr>
  <th>
   <input type="checkbox" name="checkAll" />
  </th>
  <th>
   行號(hào)
  </th>
  <th>
   名稱
  </th>
 </tr>
 <tr>
  <td>
   <input type="checkbox" name="check" />
  </td>
  <td>
   行號(hào)
  </td>
  <td>
   名稱
  </td>
 </tr>
</table>

以上代碼就是jquery實(shí)現(xiàn)全選全不選反選的全部代碼，代碼是不是很簡(jiǎn)單啊，希望對(duì)大家工作學(xué)習(xí)有所幫助。

相關(guān)文章

最新評(píng)論