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--;
            }
        }
    }
}