js根据选中的复选框删除相应的table行

今天花了大半天的时间，就完成了这个东东的添加和删除功能，由于没注意细节，调试了我许久！



单机 “添加”按钮，将会动态创建一个表格来呈现选择的人员数据，代码如下：

//创建选中人员
private void CreateSelectNodeInfo()
{
if (al.Count > 0)
{
Table tb = this.selectEmployeTable;
HtmlInputCheckBox cbox;
DropDownList ddl;
for (int i = 0; i < al.Count; i++)
{
TableRow tr = new TableRow();
TableCell tc1 = new TableCell();
cbox = new HtmlInputCheckBox();
cbox.ID = ("cbox" + i).ToString();
tc1.Controls.Add(cbox);
tr.Cells.Add(tc1);

TableCell tc2 = new TableCell();
tc2.Text = al[i].ToString();
tr.Cells.Add(tc2);

TableCell tc3 = new TableCell();
ddl = new DropDownList();
ddl.ID = ("ddl" + i).ToString();
ddl.DataSource = BindDdlData();
ddl.DataBind();
tc3.Controls.Add(ddl);
tr.Cells.Add(tc3);
tb.Rows.Add(tr);
this.pnlSelect.Controls.Add(tb);
}
}
}

单机“删除”按钮将会根据选中的复选框删除相应的行，这里的算法有点饶，我们知道当同时选中了几个复选框的时候，每遍历一次，就会从上至下删除一复选框标记的行，这样，table的行数就会减少一行，所以我们可以申明一个变量index来动态笔记table的行数变化，从而成功实现多行删除。代码如下：

function DelRow() {
var tb = document.getElementById("AddEmployee1_selectEmployeTable");
if (tb.hasChildNodes) {
var rowCount = tb.childNodes[0].childNodes.length;
var index = 0;
for (var i = 0; i < rowCount; i++) {
var child = tb.childNodes[0].childNodes[index];
index++;
var mark = child.childNodes[0].childNodes[0].checked;
if (mark) {
child.parentNode.removeChild(child);
index--;
}
}
}
}