jquery 表格的增加删除和修改及设置奇偶行颜色(3)
来源：未知 责任编辑：责任编辑 发表时间:2013-12-01 14:20 点击:次
{
//根据id查找到指定行
var i=SearchIdInTable($("#Table tr"), $("#id").val());
if (i != -1)
{
//得到新内容
var name = $("#Name").val() != "" ? $("#Name").val() : " ";
var age = $("#Age").val() != "" ? $("#Age").val() : " ";
//修改该行的二列数据
$("#Table tr:eq(" + i + ") td:eq(1)").html(name);
$("#Table tr:eq(" + i + ") td:eq(2)").html(age); //parseInt(age)也可以
}
});
//删除
$("#DeleteBtn").click(function()
{
//根据id查找到指定行
var i=SearchIdInTable($("#Table tr"), $("#id").val());
if (i != -1)
{
//删除表格中该行
$("#Table tr:eq(" + i + ")").slideUp("slow");
$("#Table tr:eq(" + i + ")").remove();
DecTableRowCount();
SetTableRowColor();
}
});
});
</script>
</head>
<body>
<p>简单的表格操作，有增加、删除和修改功能。id输入框能动态响应输入</p>
id:<input type="text" id="id" />
Name:<input type="text" id="Name" />
Age:<input type="text" id="Age" />
<input type="button" id="AddBtn" value="Add" />
<input type="button" id="EditBtn" value="Edit" />
<input type="button" id="DeleteBtn" value="Delete" />
<table id="Table" align="center" border="2" cellpadding="10" cellspacing="1" bordercolor="#FFAA00">
<caption style="font-size:15px">学生表<label id="tableRowCount"></label></caption>
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>
