首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将复选框状态保留在带复选框的google可视化表中

如何将复选框状态保留在带复选框的google可视化表中
EN

Stack Overflow用户
提问于 2017-09-15 09:05:33
回答 1查看 84关注 0票数 0

我正在使用谷歌可视化表并在列表中添加复选框。我想选择一些带有复选框的行,并对所选的行执行一些操作。但是,当调用sortpage事件时,将重新绘制表,并且不选中复选框。

这是小提琴

如何在对表进行排序或更改页后保持复选框状态?

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-09-15 09:23:37

在调用事件之前,可以这样做以保存复选框的checked状态:

代码语言:javascript
运行
复制
  var checkboxes = document.querySelectorAll("#table_div input[type=checkbox");
  var checkboxesState = {};
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].addEventListener("change", function(){
      checkboxesState[this.getAttribute("id")] = this.checked;
    });
  }

在调用事件之后,恢复它:

代码语言:javascript
运行
复制
    google.visualization.events.addListener(table, 'sort', function(ev) {
       //Needed, since the whole table DOM will change
       checkboxes = document.querySelectorAll("#table_div input[type=checkbox");
          for (var i = 0; i < checkboxes.length; i++) {
            if (checkboxesState[checkboxes[i].getAttribute("id")]){
              checkboxes[i].checked = checkboxesState[checkboxes[i].getAttribute("id")];
            }
          }
    });
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46235789

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档