您的位置：首页 > Web前端 > JavaScript

JS动添加删除控件

2015-01-20 10:24 225 查看
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="增加一行" onclick="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="删除" onclick="del(this);">';
}
function del(obj){
var table = document.getElementById('mytable');
table.deleteRow(obj.parentNode.parentNode.rowIndex); //删除本行
}
</script>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  JS 控件 动态
相关文章推荐
新的分享
章节导航