简单的动态显示的问题，用帧

zhaoxichao 2002-10-14 03:49:03

页面上有两个按钮“增加”“删除”
每点击“增加”，页面上就加入一行，每一行前面有一个radio，后面有“名称”“描述”两个text
点击“删除”，在radio选中的行就删除
怎么实现，听说要用帧，是吗？谢谢

...全文

39 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

sun1979song 2002-10-14

打赏
举报

<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>

孟子E章 2002-10-14

打赏
举报

<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>

孟子E章 2002-10-14

打赏
举报

<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>