动态表格的增加和删除

最新推荐文章于 2022-09-12 11:41:02 发布

jame_peng

最新推荐文章于 2022-09-12 11:41:02 发布

阅读量980

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript,Jquery 文章标签： asp server javascript button delete table

本文链接：https://blog.youkuaiyun.com/jame_peng/article/details/1603137

Javascript,Jquery 专栏收录该内容

46 篇文章

订阅专栏

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

function test(r)

{

window.alert('ssdsd');

var i=r.parentNode.parentNode.rowIndex;

document.getElementById('tblvalue').deleteRow(i)

}

function AddItem()

{

var counts=parseInt(document.all("hdhidden").value);

var Row,Cell;

var CurrentPosition=parseInt(counts);

Row = window.tblvalue.insertRow();

Cell = Row.insertCell();

Cell.innerHTML="<input type=checkbox name=chk_" + CurrentPosition +" id=chkbox_"+ CurrentPosition+"; value='C'>";

Cell = Row.insertCell();

Cell.innerHTML="<input size=8 maxlength=8; style=Font-size=11; type=Text name=txtval1_" + CurrentPosition +" id=txtval1_"+ CurrentPosition+";>";

Cell = Row.insertCell();

Cell.innerHTML="<input size=15 maxlength=50; style=Font-size=11; type=Text name=txtval2_" + CurrentPosition +" id=txtval2_"+ CurrentPosition+";>";

Cell = Row.insertCell();

Cell.innerHTML="<input size=15 ; style=Font-size=11; type=button name=btnval2_" + CurrentPosition +" id=btnval2_"+ CurrentPosition+" value='DELETE' onclick='test(this)';>";

document.all("hdhidden").value = parseInt(counts) + 1;

return false;

}

</script>

</head>

<body>

<div>

<tr>

<asp:Table id="tblvalue" runat="server" Width="428px">

<asp:TableRow>

<asp:TableCell Width="25%"></asp:TableCell>

<asp:TableCell Width="35%" Font-Bold="True" Text="Value 1"></asp:TableCell>

<asp:TableCell Width="35%" Font-Bold="True" Text="Value 2"></asp:TableCell>

<asp:TableCell Width="35%" Font-Bold="True" ></asp:TableCell>

</asp:TableRow>

</asp:Table>

</td>

 <asp:Button id="btnadd" runat="server" Text="Add"></asp:Button>

<asp:Button id="btndelete" runat="server" Text="Delete"></asp:Button> 

</td>

</td>

</tr>

<tr>

</td>

</td>

</tr>

<tr>

</td>

</td>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

//后台

btnadd.Attributes.Add("OnClick", "javascript:return AddItem();");