如何在表中显示 json 响应以及用于在 jquery 中选择特定列值的复选框

阿克谢·帕蒂尔

调用 Web 服务后,我得到以下指定格式的 Json 响应

[{
    "1": {
      "value": 0.9354149103164673
    },
    "key": 233558146445,
    "doc_count": 1
  },
  {
    "1": {
      "value": 0.9309101700782776
    },
    "key": 233558143870,
    "doc_count": 1
  },
  {
    "1": {
      "value": 0.929838240146637
    },
    "key": 233558833452,
    "doc_count": 1
  }
]

我想显示"Key"表格中存在的数据以及复选框,当我单击复选框时,它应该选择键值,并且该表应在单击按钮后显示为弹出窗口。

这是我到目前为止所得到的 在此处输入图片说明

阿图尔·夏尔马

var x = [{"1":{"value":"0.9354149103164673"},"key":"233558146445","doc_count":"1"},
{"1":{"value":"0.9309101700782776"},"key":"233558143870","doc_count":"1"},
{"1":{"value":"0.929838240146637"},"key":"233558833452","doc_count":"1"}];

var tab = document.getElementById("myTable");
x.forEach(function(v,k){
  var tr = document.createElement("tr");
  var td = document.createElement("td");
  td.innerHTML = v.key;
  tr.appendChild(td);
  
  var checkbox = document.createElement('input');
  checkbox.type = "checkbox";
  checkbox.name = "key";
  checkbox.value = v.key;
  checkbox.id = "id";
  tr.appendChild(checkbox);
  
  tab.appendChild(tr);
});

function checkValue(){
        	 var names = document.getElementsByName("key");
        	 names.forEach(function(v){console.log(v.value , v.checked);});
         };
<table id="myTable" border="1px">

</table>

<input type="button" onclick="checkValue()" value="Check">

你可以尝试这样的事情。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Symfony2:检查JSON值是否响应以及在测试中是否为TRUE

来自分类Dev

动态选择已选中的 jQuery 中的特定复选框

来自分类Dev

如何使用jQuery从两个表中选中的复选框值中获取数据?

来自分类Dev

如何在jquery中获取选定复选框的值并将其分配给json数组?

来自分类Dev

jQuery,如何获取表行中特定复选框的值?

来自分类Dev

javascript-如何在jQuery中将复选框设置为具有特定值的复选框?

来自分类Dev

的JavaScript / jQuery的 - 当复选框中选择一个显示隐藏#element

来自分类Dev

如何从jQuery DataTable的所有页面中选择所有复选框

来自分类Dev

如何在jquery中添加复选框的数据值

来自分类Dev

使用复选框从表中选择特定记录

来自分类Dev

无效的复选框以及如何删除数据表中特定列的排序符号

来自分类Dev

在JQuery中选择子复选框

来自分类Dev

如何在jquery数据表中获取多个复选框选中的值

来自分类Dev

每个函数jQuery,用于选择多个列表中的所有复选框

来自分类Dev

如何在Jquery中填充JSON响应值

来自分类Dev

如何根据文本区域中的值在jquery中选中和取消选中复选框

来自分类Dev

如何根据文本区域中的值在jquery中选中和取消选中复选框

来自分类Dev

如何在 json 响应中不存在的 jquery 数据表中再添加一列

来自分类Dev

从WPF数据网格中的复选框中选择值

来自分类Dev

从AngularJS中的数组值中选择复选框

来自分类Dev

如何显示在数据表jQuery中选中的复选框数?

来自分类Dev

从数据库中检索值选择或取消选择复选框 JQuery

来自分类Dev

jQuery选择表中的所有复选框

来自分类Dev

jQuery选择表行中的所有复选框

来自分类Dev

选择表JQuery中的所有复选框

来自分类Dev

jQuery选择表行中的所有复选框

来自分类Dev

在jQuery中将复选框值作为JSON传递

来自分类Dev

保存JSON响应以用于调试

来自分类Dev

jQuery-在特定表中添加复选框

Related 相关文章

  1. 1

    Symfony2:检查JSON值是否响应以及在测试中是否为TRUE

  2. 2

    动态选择已选中的 jQuery 中的特定复选框

  3. 3

    如何使用jQuery从两个表中选中的复选框值中获取数据?

  4. 4

    如何在jquery中获取选定复选框的值并将其分配给json数组?

  5. 5

    jQuery,如何获取表行中特定复选框的值?

  6. 6

    javascript-如何在jQuery中将复选框设置为具有特定值的复选框?

  7. 7

    的JavaScript / jQuery的 - 当复选框中选择一个显示隐藏#element

  8. 8

    如何从jQuery DataTable的所有页面中选择所有复选框

  9. 9

    如何在jquery中添加复选框的数据值

  10. 10

    使用复选框从表中选择特定记录

  11. 11

    无效的复选框以及如何删除数据表中特定列的排序符号

  12. 12

    在JQuery中选择子复选框

  13. 13

    如何在jquery数据表中获取多个复选框选中的值

  14. 14

    每个函数jQuery,用于选择多个列表中的所有复选框

  15. 15

    如何在Jquery中填充JSON响应值

  16. 16

    如何根据文本区域中的值在jquery中选中和取消选中复选框

  17. 17

    如何根据文本区域中的值在jquery中选中和取消选中复选框

  18. 18

    如何在 json 响应中不存在的 jquery 数据表中再添加一列

  19. 19

    从WPF数据网格中的复选框中选择值

  20. 20

    从AngularJS中的数组值中选择复选框

  21. 21

    如何显示在数据表jQuery中选中的复选框数?

  22. 22

    从数据库中检索值选择或取消选择复选框 JQuery

  23. 23

    jQuery选择表中的所有复选框

  24. 24

    jQuery选择表行中的所有复选框

  25. 25

    选择表JQuery中的所有复选框

  26. 26

    jQuery选择表行中的所有复选框

  27. 27

    在jQuery中将复选框值作为JSON传递

  28. 28

    保存JSON响应以用于调试

  29. 29

    jQuery-在特定表中添加复选框

热门标签

归档