如何jquery实现表格数据的动态添加与统计 jquery，ajax怎么动态更新表格

如何jquery实现表格数据的动态添加与统计

比如设置table的id为tab
var trHTML = "..."
$("#tab").append(trHTML)//在table最后面添加一行
$("#tab tr:eq(2)").after(trHTML) // 在table的第3行后面添加一行
这样就可以进行动态的添加行了，至于你是通过什么事件来动态添加那就看你自己的意思了，通过button或者div之类的点击事件添加，只要把上面的两行代码放进去就ok，注意，要把var trHTML那行代码放进添加事件里面，不然不管点击多少下，都只能添加一行
$(function() {
$(":button").click(function() {
var tr = "new"
//$("table").append(tr)
$("table tr:eq(2)").after(tr)
})
})
这是我测试用的代码，你可以运行看看

jquery，ajax怎么动态更新表格

先定义一个表格，利用ajax首先加载一次数据。

序号

总交易数

成功交易数

成功百分比(%)

失败交易数

失败百分比(%)

未知交易数

未知百分比(%)

统计时间段

然后在页面定义一个ajax方法定时去后台查询数据就可以。
function loadData(){
$.ajax({
type: "POST",
url: "<%=path %>/two",
dataType: "json",
data:{startTime:startTime,endTime:endTime},
success: function(returnedData){//查询成功之后填充表格
var html = ""
var tdHead = ""
$("#t2 tr:gt(0)").remove()//第一行是table的表格头不需清除。
for(var i=0i var countInfo = returnedData[i]
var totalCount = countInfo.totalCount
var sucCount = countInfo.sucCount
var failCount = countInfo.failCount
var unknowCount = countInfo.unknowCount
var sucPercent = countInfo.sucPercent
var failPercent = countInfo.failPercent
var unknowPercent = countInfo.unknowPercent
var countTimeZone = countInfo.countTimeZone
html = "" tdHead (i 1) tdFoot
tdHead totalCount tdFoot
tdHead sucCount tdFoot
tdHead sucPercent tdFoot
tdHead failCount tdFoot
tdHead failPercent tdFoot
tdHead unknowCount tdFoot
tdHead unknowPercent tdFoot
tdHead countTimeZone tdFoot ""
}
$("#t2").append(html)//将新数据填充到table
}
})
}

求jquery高手指教，怎么在动态生成的表格的第一列添加复选框

这简单：