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


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

邹琼俊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值