Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用按行到列选择的表格复选框写入json格式?_Javascript_Html_Jquery - Fatal编程技术网

Javascript 如何使用按行到列选择的表格复选框写入json格式?

Javascript 如何使用按行到列选择的表格复选框写入json格式?,javascript,html,jquery,Javascript,Html,Jquery,我是学习前端的初学者。我遇到了一些问题,我想用我按行到列选择的表复选框编写JSON格式。 这里的意思是db列名及其列的值。然后,我想输出如下内容(如果只检查了列名称的td 0,2): { “列名称”:[“0”,“2”], “列名称2”:[] } 列名 0 1. 2. 列名称2 3. 4. 5. 显示所选ID 我有一些搜索,以获得每个元素,但它似乎不符合 document.querySelector('.btn disp').addEventListener('click',e=>{ 常量

我是学习前端的初学者。我遇到了一些问题,我想用我按行到列选择的表复选框编写JSON格式。 这里的意思是db列名及其列的值。然后,我想输出如下内容(如果只检查了列名称的td 0,2):

{
“列名称”:[“0”,“2”],
“列名称2”:[]
}

列名
0
1.
2.
列名称2
3.
4.
5.

显示所选ID
我有一些搜索,以获得每个元素,但它似乎不符合

document.querySelector('.btn disp').addEventListener('click',e=>{
常量ID=[…document.getElementById('tr1'))
.querySelectorAll('td input[type=“checkbox”]:checked')]
.map(cb=>cb.value);
log(`TD1:${ids.join(',')}`);
常量id2=[…document.getElementById('tr2'))
.querySelectorAll('td input[type=“checkbox”]:checked')]
.map(cb=>cb.value);
log(`TD2:${id2.join(',')}`);
});
试试下面的代码片段

$('.btn disp')。单击(函数(){
var列_name={};
var列_name_tmp=[];
var Column\u name\u tmp=$(“输入[name='Column\u name']:选中”).map(函数(){
返回$(this.val();
}).get();
Column_name['Column_name']=Column_name_tmp;
var列_name_2={};
变量列_name_2tmp=[];
var Column_name_2tmp=$(“输入[name='Column_name_2']:选中”).map(函数(){
返回$(this.val();
}).get();
Column_name_2['Column_name_2']=Column_name_2tmp;
console.log(列名称);
console.log(列名称2);
});

列名
0
1.
2.
列名称2
3.
4.
5.


显示所选ID
谢谢,它似乎可以工作。首先,我认为使用for循环扫描每一行的元素。然后逐行记下每一列。(可能有多行。)但它没有问题。谢谢你的帮助!!