JS在table内动态添加删除控件
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<table id="mytable">
<tr><td><input type="radio" name="radio"><input type="text" name="inputname"></td></tr>
</table>
<input type="button" value="增加一行" οnclick="add();">
<script>
function add(){
var nRow = document.all.mytable.rows.length; //获得当前TABLE的行数
var newTr = mytable.insertRow(nRow);
var newTd = newTr.insertCell();
newTd.innerHTML ='<input type="radio" name="radio"><input type="text" name="inputname"><input type="button" value="删除" οnclick="del(this);">';
}
function del(obj){
var table = document.getElementById('mytable');
table.deleteRow(obj.parentNode.parentNode.rowIndex); //删除本行
}
</script>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
