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

functioninsert(){vard=document;vartab=d.getElementById("table");vartr=d.createElement... 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);
}
我用这种方法添加的复选框，如何批量删除啊？展开

 我来答

1个回答

#热议# 为什么说不要把裤子提到肚脐眼？

yugi111
推荐于2016-08-31 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<script type="text/javascript">
	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()
    };
</script>
</head>
<body>
	<table id="table">
		<input type="hidden" id="input" value="11" />
		<input type="button" value="delete" onclick="del(this);" />
	</table>
</body>
</html>