Javascript 删除表中的特定列

我正在努力使用“表列隐藏和显示”复选框。我想删除Mars列（粗体）和相应的数据（粗体）

删除Mars列后，Venus及其相关数据值将在表中居中

请点击此处：

删除Mars列后，我需要以下输出：

我的CSS和HTML部分：

td{
边框：1px实心#000；
}
th{
边框：1px纯红；
字体大小：正常！重要；
}
tr.副标题th{
文本对齐：居中！重要；
边框：1px纯蓝！重要；
字体大小：粗体！重要；
}
tr.sub-header-value td{
文本对齐：居中！重要；
字体大小：粗体！重要；
}

产生
出售
产生
出售
火星
维纳斯
50,000
30,000
100,000
80,000
火星数据
金星数据
10,000
5,000
12,000
9,000
火星数据
金星数据
移除火星

这是一种很有技巧的方法。为了减少黑客攻击，您需要向所有tds添加类

我正在使用jQuery，您想要JavaScript版本吗

$（函数（）{
var=false；
$（“#removeMars”）。单击（函数（）{
如果（！已删除）{
$。每个（$（“#t tr”），函数（）{
var tds=$（this.find（“th，td”）；
如果（tds.length==2）{
$（tds[1]）.attr（“colspan”，“4”）；
$（tds[0]）。删除（）；
}
})
删除=真；
}
})
})

td{
边框：1px实心#000；
}
th{
边框：1px纯红；
}
tr.副标题th{
文本对齐：居中！重要；
边框：1px纯蓝！重要；
字体大小：粗体！重要；
}
tr.sub-header-value td{
文本对齐：居中！重要；
字体大小：粗体！重要；
}

产生
出售
产生
出售
火星
维纳斯
50,000
30,000
100,000
80,000
火星数据
金星数据
10,000
5,000
12,000
9,000
火星数据
金星数据
删除Mars

已完成的解决方案：

 $(function(){
  var removed = false;
 $("#removeMars").change(function(){
        if(this.checked) {
    if (!removed) {
      $.each($("#t tr"), function(){
        var tds = $(this).find("th, td");

        if (tds.length == 2) {
          $(tds[1]).attr("colspan", "4");
          $(tds[0]).hide();

        }
      })
      removed = true;
    }
    }
    else{
         $.each($("#t tr"), function(){
        var tds = $(this).find("th, td");

        if (tds.length == 2) {
          $(tds[1]).attr("colspan", "2");
          $(tds[0]).show();

        }
      })    
      removed = false;
    }

  })
})

---

检查此小提琴链接：

您的javascript在哪里？你知道，你可以在stackoverflow代码段中包含js。我不太明白这样的解释：“删除Mars列后，Venus及其受尊重的数据值将在表中居中。”你知道如何使用html/css实现这一点吗？如果是，请添加预期输出的示例。或者为你想要的东西做一个图像草图。@Haken Lid当你删除Mars列时，Mars数据应该被删除。。。然后金星列和它的金星数据应该居中。在删除火星列后，我想要这个输出，你应该编辑你的原始问题以澄清。@sivakumaronline我做了。单击一次后，Mars的列将被删除。