ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

勾选表格行,翻页还原勾选状态,导出excel

2022-05-16 11:04:16  阅读:220  来源: 互联网

标签:checkbox 翻页 selectedTaskId excel tr 勾选 id


1. 问题描述

勾选excel表格数据导出,翻页后勾选,回到之前的页面勾选状态还在。

2. 问题解决

定义全局变量selectedTaskId,保存已勾选的行的id。然后每次翻页拼接完数据,遍历当前页的行,如果selectedTaskId包含当前行的id,则设置当前行的checkbox为选中状态。

$("#tbodydnc").html(trHtml);// 页面渲染完成
if (selectedTaskId.length > 0) {// 如果选中的id有值
    var trs = $("#tbodydnc").children("tr");// 获取tbody下的所有tr
    trs.each(function () {
          var id = $(this).attr("id");// 获取当前tr的id
          if (selectedTaskId.indexOf(id) >= 0) {
                $(this).find('[name=ckb]:checkbox').prop("checked", true);// 勾选当前tr
          }
    });
}

3. 效果

标签:checkbox,翻页,selectedTaskId,excel,tr,勾选,id
来源: https://www.cnblogs.com/yddwinter/p/16276105.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有