将复选框添加到表创建的CSV到HTML

Question

我目前正在为我的公司构建原型工具。我对javascript不是很熟悉，但我确实设法找到并实现了一个CSV到HTML的表格。代码工作，一切都很好，但我想添加两个新变量：

1）在新的第一列中添加一个复选框

2）如果选中，则汇总第7和第8列中的值

这是CSV到HTML演示：https://derekeder.github.io/csv-to-html-table/

Github：https://github.com/derekeder/csv-to-html-table

我已完成搜索并找到以下内容，但我不知道是否/如何实施。

$(window).load(function(){
$("table td:first-child").prepend('<input type="checkbox" class="basic-kpi-    row"/>');
});//]]> 

Answer 1

您可以在csv_to_html_table.js文件上创建行后添加包含复选框的td，具体在此line之后。

可能类似于

row_html += '<td><input type="checkbox" class="yourClass"></td>';

此外，您还必须在thead行here

上添加一个aditional th标记

您可以为输入添加事件侦听器以触发计算。

$('.yourClass').change(function(){
    if (this.checked) {
        //your code
    }
});