<input onclick="add(document.all.mxh)" type="button" value=add><input onclick="del()" type=button value=delete>
<table id=mxh m=""></table>
<script>
function add(o)
{
var r= o.insertRow(o.rows.length)
var c = r.insertCell(0)
c.innerHTML="<input type=radio name=r onclick='g()'>名称:<input>描述:<input>"
}
function del()
{
document.all.mxh.rows[parseInt(document.all.mxh.m)].parentNode.removeChild(document.all.mxh.rows[parseInt(document.all.mxh.m)])
}
function g()
{
e=event.srcElement
if(e==null) return
while(e.tagName!="TR")
e=e.parentElement
document.all.mxh.m=e.rowIndex
}
</script>

解决方案 »

  1.   

    <input onclick="add(document.all.mxh)" type="button" value=add><input onclick="del()" type=button value=delete>
    <table id=mxh m=""></table>
    <script>
    function add(o)
    {
    var r= o.insertRow(o.rows.length)
    var c = r.insertCell(0)
    c.innerHTML="<input type=radio name=r onclick='g()'>名称:<input>描述:<input>"
    }
    function del()
    {
    if(document.all.mxh.rows[parseInt(document.all.mxh.m)]==null) return
    document.all.mxh.rows[parseInt(document.all.mxh.m)].parentNode.removeChild(document.all.mxh.rows[parseInt(document.all.mxh.m)])
    document.all.mxh.m=""
    }
    function g()
    {
    e=event.srcElement
    if(e==null) return
    while(e.tagName!="TR")
    e=e.parentElement
    document.all.mxh.m=e.rowIndex
    }
    </script>
      

  2.   

    <html><head></head>
    <script language="javascript">
    function doAddRow() {
    var dataBox = document.getElementById("dataBox");
    var oTr = dataBox.insertRow(); var oTd = oTr.insertCell();
    oTd.height = "18";
    oTd.innerHTML = '<input type="radio" name="radio1" >';

    oTd = oTr.insertCell();
    oTd.height = "18";
    oTd.innerHTML = '<input type="text" name="ID" size="10" >';  oTd = oTr.insertCell();
    oTd.height = "18";
    oTd.innerHTML = '<input type="text" name="NAME" size="10" >'; 
    }
    //删除选中的行
    function doDeleteRow() {
    var dataBox = document.getElementById("dataBox");
    var len = dataBox.rows.length;
    for (var i=len-1;i>0;i--) {
    if (dataBox.rows[i].cells[0].children[0].checked) {

    var oP = dataBox.rows[i].cells[0].children[2];

    dataBox.rows[i].removeNode(true); //对于新插入的行可以直接删掉

    }
    }
    //doCountNum(4,3);
    }
    </script>
    <body>
    <input type="button" value="zengjia" onclick="doAddRow()">
    <input type="button" value="shachu" onclick="doDeleteRow()">
    <table id="dataBox">
    <tr>
    <td>
    <input type="radio" name="radio1" >
    </td><td>
    <input type="text" name="ID" size="10" >
    </td><td>
    <input type="text" name="NAME" size="10" >
    </td>
    </table>
    </body></html>