如何把加入到js表格中的复选框删除

2025-04-29 15:40:51
推荐回答(1个)
回答1:





test

function insert () {
    var d = document;
    var tab = d.getElementById("table");

    var tr = d.createElement("tr");
    var td = d.createElement("td");
    var td2 = d.createElement("td");

    var del = d.createElement("input");
    del.name = "checked";
    del.type = "checkbox";
    var text = d.getElementById("input");
    var tet = d.createTextNode(text.value);

    td.appendChild(tet);
    tr.appendChild(td);
    tr.appendChild(td2);

    td2.appendChild(del);
    d.getElementById("table").appendChild(tr);
    }
    function del (obj) {
    var p = document.querySelector("table")
            || document.getElementById("table");
    var cbs = p.querySelectorAll("input[type='checkbox']")
            || p.getElementsByTagName('input');
    for ( var i = 0; i < cbs.length; i++) {
    if (cbs[i].type == 'checkbox') {
    cbs[i].parentNode.removeChild(cbs[i]);
    }
    }
    }
    window.onload = function () {
    insert()
    };