今天我在做你约我吧交友www.niyuewo.com网项目时遇到一个问题,就是如何用qjuery控制table的添加、编辑与删除,经过网上查资料发现用jquery很容易实现,在此整理下来供大家参考:
function btnSelect(vcode, vname, vprice) { var jmoney = vprice * 10; var str = "<tr>"; str += "<td>"+vcode+"</td>"; str += "<td>"+vname+"</td>"; str += "<td>"+vprice+"</td>"; str += "<td><input name="textfield1" type="text" value="10" class="fd24" onblur='jssum(this)' /></td>"; str += "<td>"+jmoney+"</td>"; str += "<td><select name="select" size="1" class="fd65">"+txtuser+"</select></td>"; str += "<td onclick='getDel(this)'><a href='#'>删除</a></td>"; str += "</tr>"; $("#tctable").append(str); jssummoney(); } function getDel(k) { $(k).parent().remove(); } function jssum(thisObj) { var $td = $(thisObj).parents('tr').children('td'); //alert($td.eq(0).text()); var st = $td.eq(2).text() * $td.eq(3).find("input").val(); $td.eq(4).html(st); } function jssummoney() {
var val = 0;
var i = 0;
$("#tctable tr").each(function () {
if (i == 0) {//第一列为表头不计算
}
else {
val += parseFloat($(this).find("td:eq(4)").text());
}
i = 1;
});
$("#txtsummoney").html(val);
}
相关链接:http://www.cnblogs.com/January/archive/2013/04/10/3013334.html