js操纵表格的问题,实现增删单元格变换样式.

Question

如图,当我勾选这些checkbox 生成的表格是上边的这种.

如果我取消收货人手机,邮编会填补收货人手机单元格的空缺. 收货地址会填补邮编的空缺.

操纵任何一个checkbox.都会进行单元格的增补.

各路大神? 如何操作? 求指教.只说思路也可以.

Answer 1

一个比较简单的思路是，使用div来模拟表格， 设置固定宽度，然后使用float:left； 那样增加一个会自动添加到后面， 减少一个，又能被填补空位。 至于表格的各种边框， 用选择器来做。