动态增加表单的元素

最新推荐文章于 2024-05-07 17:18:59 发布

kemy88

最新推荐文章于 2024-05-07 17:18:59 发布

阅读量915

点赞数

分类专栏： html 文章标签： javascript function input button table border

本文链接：https://blog.csdn.net/kemy88/article/details/1495503

版权

html 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

<button onClick="add()">add</button>
<button onClick="del()">del</button>
<table id="t1" border="1"></table>
<script language="JavaScript">
function add(){
t1.insertRow().insertCell().innerHTML = '<input type="radio" name="tt"><input>';
}
function del(){
var c = document.getElementsByName('tt');
for(var i=0; i<c.length; i++)
if(c[i].checked)
t1.deleteRow(i);
}
</SCRIPT>

//以下是一次增加十行元素
<script type="text/javascript" language="javascript">
var i
i=10
function addRow()
    {
      var temptext
    for(var j=0;j<10;j++){
    var row = table1.insertRow(i+1)
    var cell = row.insertCell(0)
    var temppartname
    i=i+1
    temppartname="fm_product_id"+i
    cell.innerHTML="<p align='center'><input name='"+temppartname+ "' size='10' > "
    cell = row.insertCell(1)
    temppartname="fm_num"+i
    cell.innerHTML="<p align='center'><input   name='"+temppartname+"' size='10' >"
     }
    }
</script>